diff options
| author | Pauline <git@ethanlibs.co> | 2023-11-26 22:55:04 -0500 |
|---|---|---|
| committer | Pauline <git@ethanlibs.co> | 2023-11-26 22:55:04 -0500 |
| commit | 181547a25213bee8a20002e07344b957386c4d0f (patch) | |
| tree | 1e1b4815166342406026478c00604cdd65e64660 /packages/ui/style/tailwind.js | |
| parent | 955e820f1ccb59467a4f27c5c77738a7ebff193e (diff) | |
| download | Nexus-181547a25213bee8a20002e07344b957386c4d0f.tar.gz Nexus-181547a25213bee8a20002e07344b957386c4d0f.tar.bz2 Nexus-181547a25213bee8a20002e07344b957386c4d0f.zip | |
feat(build): transfer everything to esm/ts
Diffstat (limited to 'packages/ui/style/tailwind.js')
| -rw-r--r-- | packages/ui/style/tailwind.js | 125 |
1 files changed, 0 insertions, 125 deletions
diff --git a/packages/ui/style/tailwind.js b/packages/ui/style/tailwind.js deleted file mode 100644 index 8ebf041..0000000 --- a/packages/ui/style/tailwind.js +++ /dev/null @@ -1,125 +0,0 @@ -const defaultTheme = require('tailwindcss/defaultTheme'); - -/** @type {(varName: string) => string} */ -// eslint-disable-next-line unused-imports/no-unused-vars -const alpha = varName => `hsla(var(${varName}), <alpha-value>)`; -const contentExts = `{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue,stories.tsx}`; - -// TODO: make this not CJS - -/** - * @param {string} app - * @param {import('tailwindcss').Config} options - * @returns {import('tailwindcss').Config} the tailwind config - */ -module.exports = (app, options) => { - /** @type {import('tailwindcss').Config} */ - const config = { - content: [ - `../../apps/${app}/src/**/*.${contentExts}`, - `../../packages/*/src/**/*.${contentExts}`, - `../../interface/**/*.${contentExts}`, - ], - darkMode: 'class', - theme: { - screens: { - xs: '475px', - sm: '650px', - md: '868px', - lg: '1024px', - xl: '1280px', - ...defaultTheme.screens, - }, - fontSize: { - 'xs': '12px', - 'sm': '14px', - 'md': '16px', - 'lg': '18px', - 'header-sm': '24px', - 'header': '28px', - 'header-lg': '32px', - 'body-sm': '15px', - 'body': '16px', - 'body-lg': '17px', - }, - borderRadius: { - none: '0', - sm: '3px', - md: '5px', - lg: '8px', - xl: '12px', - full: '100vw', - }, - extend: { - colors: { - blue: { - 500: 'rgba(31, 101, 214, 1)', - }, - gray: { - 50: 'rgba(240, 242, 244, 1)', - 400: 'rgba(138, 150, 168, 1)', - 700: 'rgba(65, 74, 88, 1)', - 800: 'rgba(42, 47, 55, 1)', - }, - white: { - DEFAULT: 'rgba(255, 255, 255, 1)', - secondary: 'rgba(238, 241, 254, 1)', - hover: 'rgba(231, 235, 252, 1)', - }, - black: { - DEFAULT: 'rgba(0, 0, 0, 1)', - }, - text: { - DEFAULT: 'rgba(2, 3, 7, 1)', - primary: 'rgba(2, 3, 7, 1)', - }, - }, - extend: { - transitionTimingFunction: { - 'css': 'ease', - 'css-in': 'ease-in', - 'css-out': 'ease-out', - 'css-in-out': 'ease-in-out', - 'in-sine': 'cubic-bezier(0.12, 0, 0.39, 0)', - 'out-sine': 'cubic-bezier(0.61, 1, 0.88, 1)', - 'in-out-sine': 'cubic-bezier(0.37, 0, 0.63, 1)', - 'in-quad': 'cubic-bezier(0.11, 0, 0.5, 0)', - 'out-quad': 'cubic-bezier(0.5, 1, 0.89, 1)', - 'in-out-quad': 'cubic-bezier(0.45, 0, 0.55, 1)', - 'in-cubic': 'cubic-bezier(0.32, 0, 0.67, 0)', - 'out-cubic': 'cubic-bezier(0.33, 1, 0.68, 1)', - 'in-out-cubic': 'cubic-bezier(0.65, 0, 0.35, 1)', - 'in-quart': 'cubic-bezier(0.5, 0, 0.75, 0)', - 'out-quart': 'cubic-bezier(0.25, 1, 0.5, 1)', - 'in-out-quart': 'cubic-bezier(0.76, 0, 0.24, 1)', - 'in-quint': 'cubic-bezier(0.64, 0, 0.78, 0)', - 'out-quint': 'cubic-bezier(0.22, 1, 0.36, 1)', - 'in-out-quint': 'cubic-bezier(0.83, 0, 0.17, 1)', - 'in-expo': 'cubic-bezier(0.7, 0, 0.84, 0)', - 'out-expo': 'cubic-bezier(0.16, 1, 0.3, 1)', - 'in-out-expo': 'cubic-bezier(0.87, 0, 0.13, 1)', - 'in-circ': 'cubic-bezier(0.55, 0, 1, 0.45)', - 'out-circ': 'cubic-bezier(0, 0.55, 0.45, 1)', - 'in-out-circ': 'cubic-bezier(0.85, 0, 0.15, 1)', - 'in-back': 'cubic-bezier(0.36, 0, 0.66, -0.56)', - 'out-back': 'cubic-bezier(0.34, 1.56, 0.64, 1)', - 'in-out-back': 'cubic-bezier(0.68, -0.6, 0.32, 1.6)', - }, - }, - }, - }, - plugins: [ - require('@tailwindcss/forms'), - require('tailwindcss-animate'), - require('@headlessui/tailwindcss'), - require('tailwindcss-radix')(), - ], - - ...options, - }; - - if (app === 'website') - config.plugins.push(require('@tailwindcss/typography')); - - return config; -}; |
