mirror of
https://github.com/MaggieAppleton/digital-gardeners.git
synced 2024-11-21 17:09:45 +01:00
49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
|
const defaultTheme = require("tailwindcss/defaultTheme");
|
||
|
|
const colors = require("tailwindcss/colors");
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
purge: [
|
||
|
|
"./pages/**/*.{js,ts,jsx,tsx}",
|
||
|
|
"./components/**/*.{js,ts,jsx,tsx}",
|
||
|
|
],
|
||
|
|
darkMode: false, // or 'media' or 'class'
|
||
|
|
theme: {
|
||
|
|
extend: {
|
||
|
|
fontFamily: {
|
||
|
|
sans: ["Poppins", ...defaultTheme.fontFamily.sans],
|
||
|
|
serif: ["Source Serif Pro", ...defaultTheme.fontFamily.mono],
|
||
|
|
},
|
||
|
|
fontSize: {
|
||
|
|
// Set in Perfect Fourth typescale (1.33)
|
||
|
|
base: "1em",
|
||
|
|
lg: "1.333em",
|
||
|
|
xl: "1.777em",
|
||
|
|
"2xl": "2.369em",
|
||
|
|
"3xl": "3.157em",
|
||
|
|
"4xl": "4.2em",
|
||
|
|
"5xl": "5.61em",
|
||
|
|
},
|
||
|
|
colors: {
|
||
|
|
...colors,
|
||
|
|
primary: colors.blue["500"],
|
||
|
|
secondary: colors.blue["700"],
|
||
|
|
accent: colors.blue["800"],
|
||
|
|
success: colors.green["500"],
|
||
|
|
warning: colors.orange["500"],
|
||
|
|
error: colors.red["500"],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
variants: {
|
||
|
|
extend: {},
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
require("@tailwindcss/typography"),
|
||
|
|
// https://github.com/tailwindlabs/tailwindcss-typography
|
||
|
|
],
|
||
|
|
};
|
||
|
|
|
||
|
|
// https://tailwindcss.com/docs/theme
|
||
|
|
|
||
|
|
//https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/defaultConfig.stub.js#L7
|