|
|
|
@ -1,3 +1,5 @@ |
|
|
|
|
const colors = require("tailwindcss/colors") |
|
|
|
|
|
|
|
|
|
module.exports = { |
|
|
|
|
purge: { |
|
|
|
|
enabled: !process.env.ROLLUP_WATCH, |
|
|
|
@ -6,6 +8,33 @@ module.exports = { |
|
|
|
|
}, |
|
|
|
|
darkMode: false, // or 'media' or 'class'
|
|
|
|
|
theme: { |
|
|
|
|
colors: { |
|
|
|
|
transparent: "transparent", |
|
|
|
|
current: "currentColor", |
|
|
|
|
gray: colors.gray, |
|
|
|
|
white: colors.white, |
|
|
|
|
green: "hsl(92, 28%, 65%)", |
|
|
|
|
"green-lighter": "hsl(92, 28%, 85%)", |
|
|
|
|
"green-darker": "hsl(92, 28%, 30%)", |
|
|
|
|
cyan: "hsl(179, 25%, 65%)", |
|
|
|
|
"cyan-lighter": "hsl(179, 25%, 85%)", |
|
|
|
|
"cyan-darker": "hsl(179, 25%, 30%)", |
|
|
|
|
blue: "hsl(210, 34%, 63%)", |
|
|
|
|
"blue-lighter": "hsl(213, 32%, 82%)", |
|
|
|
|
"blue-darker": "hsl(213, 32%, 37%)", |
|
|
|
|
yellow: "hsl(40, 71%, 73%)", |
|
|
|
|
"yellow-lighter": "hsl(40, 71%, 88%)", |
|
|
|
|
"yellow-darker": "hsl(40, 71%, 37%)", |
|
|
|
|
orange: "hsl(14, 51%, 63%)", |
|
|
|
|
"orange-lighter": "hsl(14, 51%, 83%)", |
|
|
|
|
"orange-darker": "hsl(14, 51%, 28%)", |
|
|
|
|
red: "hsl(354, 42%, 56%)", |
|
|
|
|
"red-lighter": "hsl(354, 42%, 76%)", |
|
|
|
|
"red-darker": "hsl(354, 42%, 28%)", |
|
|
|
|
purple: "hsl(311, 20%, 63%)", |
|
|
|
|
"purple-lighter": "hsl(311, 20%, 83%)", |
|
|
|
|
"purple-darker": "hsl(311, 20%, 28%)", |
|
|
|
|
}, |
|
|
|
|
extend: { |
|
|
|
|
scale: { |
|
|
|
|
175: "1.75", |
|
|
|
|