webcompile/uno.config.ts
2023-01-07 19:29:58 +02:00

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"]
});