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.
51 lines
1.2 KiB
51 lines
1.2 KiB
import { allThemes, defaultTheme, safeThemeList } from "./themes"; |
|
import type { Config } from "tailwindcss"; |
|
import plugin from "tailwindcss/plugin"; |
|
|
|
const themer = require("tailwindcss-themer"); |
|
|
|
const config: Config = { |
|
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"], |
|
safelist: safeThemeList, |
|
theme: { |
|
extend: { |
|
/* breakpoints */ |
|
screens: { |
|
ssm: "400px", |
|
}, |
|
|
|
/* fonts */ |
|
fontFamily: { |
|
"open-sans": "'Open Sans'", |
|
}, |
|
|
|
/* animations */ |
|
keyframes: { |
|
"loading-pin": { |
|
"0%, 40%, 100%": { height: "0.5em", "background-color": "#282336" }, |
|
"20%": { height: "1em", "background-color": "white" }, |
|
}, |
|
}, |
|
animation: { "loading-pin": "loading-pin 1.8s ease-in-out infinite" }, |
|
}, |
|
}, |
|
plugins: [ |
|
require("tailwind-scrollbar"), |
|
themer({ |
|
defaultTheme: defaultTheme, |
|
themes: [ |
|
{ |
|
name: "default", |
|
selectors: [".theme-default"], |
|
...defaultTheme, |
|
}, |
|
...allThemes, |
|
], |
|
}), |
|
plugin(({ addVariant }) => { |
|
addVariant("dir-neutral", "[dir] &"); |
|
}), |
|
], |
|
}; |
|
|
|
export default config;
|
|
|