You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.4 KiB
50 lines
1.4 KiB
const colors = require("tailwindcss/colors")
|
|
|
|
module.exports = {
|
|
purge: {
|
|
enabled: !process.env.ROLLUP_WATCH,
|
|
mode: "all",
|
|
content: ["./public/index.html", "./src/**/*.svelte"],
|
|
},
|
|
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",
|
|
200: "2",
|
|
225: "2.25",
|
|
},
|
|
},
|
|
},
|
|
variants: {
|
|
extend: {},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|