midou36o.github.io/unocss.config.ts

122 lines
1.2 KiB
TypeScript
Raw Normal View History

2023-01-19 22:35:09 +05:30
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"
/* use dark: "class" when adding manual JS*/
2023-01-19 22:35:09 +05:30
})
],
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: "1030px"
}
},
transformers: [transformerVariantGroup(), transformerDirectives()],
safelist: ["i-ic:outline-dark-mode", "i-ic:outline-light-mode"]
});