forked from ProjectSegfault/website
61 lines
1.1 KiB
TypeScript
61 lines
1.1 KiB
TypeScript
import {
|
|
defineConfig,
|
|
presetIcons,
|
|
presetTypography,
|
|
transformerVariantGroup,
|
|
transformerDirectives,
|
|
presetWind
|
|
} from "unocss";
|
|
|
|
import { extractorSvelte } from "unocss";
|
|
|
|
export default defineConfig({
|
|
extractors: [extractorSvelte],
|
|
|
|
presets: [
|
|
presetIcons(),
|
|
presetTypography({
|
|
cssExtend: {
|
|
"h1,h2,h3,h4,h5,h6": {
|
|
"font-weight": "800"
|
|
}
|
|
}
|
|
}),
|
|
presetWind({
|
|
dark: "class"
|
|
})
|
|
],
|
|
|
|
theme: {
|
|
fontFamily: {
|
|
primary: ["var(--font-primary)"]
|
|
},
|
|
margin: {
|
|
"0-auto": "0 auto"
|
|
},
|
|
colors: {
|
|
accent: "var(--accent)",
|
|
accentTranslucent: "var(--accent-translucent)",
|
|
primary: "var(--primary)",
|
|
secondary: "var(--secondary)",
|
|
tertiary: "var(--tertiary)",
|
|
text: "var(--text)",
|
|
grey: "var(--grey)",
|
|
alt: "var(--alt)",
|
|
altText: "var(--alt-text)"
|
|
},
|
|
breakpoints: {
|
|
sm: "640px",
|
|
md: "768px",
|
|
lg: "1024px",
|
|
xl: "1280px",
|
|
"2xl": "1536px",
|
|
nav: "1090px"
|
|
}
|
|
},
|
|
|
|
transformers: [transformerVariantGroup(), transformerDirectives()],
|
|
|
|
safelist: ["i-ic:outline-dark-mode", "i-ic:outline-light-mode"]
|
|
});
|