midou36o.github.io/unocss.config.ts

70 lines
1.3 KiB
TypeScript

import {
defineConfig,
presetIcons,
presetTypography,
transformerVariantGroup,
transformerDirectives,
presetWind,
presetWebFonts
} 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: 'media'
/* use dark: "class" when adding manual JS*/
}),
presetWebFonts({
provider: 'bunny',
fonts: {
sans: ['Outfit', 'Comic Sans MS'],
mono: ['Fira Code']
}
})
],
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']
});