Merott Movahedi Merott

I hereby claim:

To claim this, I am signing this object:

This is a simple Tailwind plugin to expose all of Tailwind's colors, including any custom ones, as custom css properties on the :root element.

There are a couple of main reasons this is helpful:

You can reference all of Tailwind's colors—including any custom ones you define—from handwritten CSS code.
You can define all of your colors within the Tailwind configuration, and access the final values programmatically, which isn't possible if you did it the other way around: referencing custom CSS variables (defined in CSS code) from your Tailwind config.

See the Tailwind Plugins for more info on plugins.

	const defaultTheme = require('tailwindcss/defaultTheme')

	const screens = { ...defaultTheme.screens }

	// add max-width screens/breakpoints prefixed with `-`
	for (let screen in screens) {
	const size = screens[screen]
	if (typeof size === 'string') {
	screens[`-${screen}`] = { max: `calc(${size} - 1px)` }
	}

	type BasicTypeMap = {
	/* These are the types you might get with the `typeof` operator. */
	'string': string,
	'number': number,
	'bigint': bigint,
	'boolean': boolean,
	'symbol': symbol,
	'undefined': undefined,
	'object': object,
	'function': (...args: unknown[]) => unknown,

	import readline from 'readline'

	import Stripe from 'stripe'

	if (!process.env.STRIPE_SK \|\| !process.env.STRIPE_OLD_SK) {
	throw new Error('Must set STRIPE_SK and STRIPE_OLD_SK environment variables!')
	}

	const apiVersion = '2022-11-15'
	export const stripeNew = new Stripe(process.env.STRIPE_SK, { apiVersion })

	// A partial port of fastify-cors:
	// https://github.com/fastify/fastify-cors/blob/master/index.js

	import type { RequestHandler } from 'micro'
	import { send } from 'micro'

	export interface MicroCorsOptions {
	/**
	* Configures the Access-Control-Allow-Origin CORS header.
	*/