ed9b575b4e
* [/][m]: add storybook to core package * [/][s]: replace nx with nrwl packages for storybook * [core][xs]: mv tsconfig.storybook.json to .storybook/tsconfig.json * [/][s]: configure storybook with tailwind * [core/tailwind.config.js][xs]: add basic Flowershow tailwind config * [core][xs]: add example story * [core][s]: darkmode storybook addon
45 lines
1.3 KiB
JavaScript
45 lines
1.3 KiB
JavaScript
const { createGlobPatternsForDependencies } = require('@nrwl/next/tailwind');
|
|
const { join } = require('path');
|
|
// const defaultTheme = require("tailwindcss/defaultTheme");
|
|
const colors = require("tailwindcss/colors");
|
|
|
|
module.exports = {
|
|
content: [
|
|
join(__dirname, './src/**/*.{js,ts,jsx,tsx}'),
|
|
...createGlobPatternsForDependencies(__dirname),
|
|
],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
// support wider width for large screens >1440px eg. in hero
|
|
maxWidth: {
|
|
"8xl": "88rem",
|
|
},
|
|
// fontFamily: {
|
|
// sans: ["ui-sans-serif", ...defaultTheme.fontFamily.sans],
|
|
// serif: ["ui-serif", ...defaultTheme.fontFamily.serif],
|
|
// mono: ["ui-monospace", ...defaultTheme.fontFamily.mono],
|
|
// headings: ["-apple-system", ...defaultTheme.fontFamily.sans],
|
|
// },
|
|
colors: {
|
|
background: {
|
|
DEFAULT: colors.white,
|
|
dark: colors.slate[900],
|
|
},
|
|
primary: {
|
|
DEFAULT: colors.gray[700],
|
|
dark: colors.gray[300],
|
|
},
|
|
secondary: {
|
|
DEFAULT: colors.sky[400],
|
|
dark: colors.sky[400],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
/* eslint global-require: off */
|
|
// plugins: [
|
|
// require("@tailwindcss/typography")
|
|
// ],
|
|
};
|