56 lines
1.0 KiB
TypeScript
56 lines
1.0 KiB
TypeScript
import {
|
|
defineConfig,
|
|
presetAttributify,
|
|
presetIcons,
|
|
presetTagify,
|
|
presetTypography,
|
|
presetUno,
|
|
presetWebFonts,
|
|
transformerDirectives,
|
|
transformerVariantGroup
|
|
} from "unocss";
|
|
|
|
export default defineConfig({
|
|
shortcuts: [
|
|
["crate", "mx-auto max-w-7xl px-4 lg:px-8 sm:px-6"],
|
|
["flex-center", "flex justify-center items-center"],
|
|
["absolute-center-h", "left-50% transform -translate-x-50%"],
|
|
["absolute-center-v", "top-50% transform -translate-y-50%"]
|
|
],
|
|
presets: [
|
|
presetUno(),
|
|
presetTagify(),
|
|
presetAttributify(),
|
|
presetIcons({
|
|
extraProperties: {
|
|
display: "inline-block",
|
|
"vertical-align": "middle"
|
|
}
|
|
}),
|
|
presetTypography(),
|
|
presetWebFonts({
|
|
fonts: {
|
|
heading: {
|
|
name: "Montserrat",
|
|
weights: ["200", "400", "700"]
|
|
},
|
|
text: "Inter"
|
|
}
|
|
})
|
|
],
|
|
theme: {
|
|
breakpoints: {
|
|
sm: "576px",
|
|
md: "768px",
|
|
lg: "992px",
|
|
xl: "1200px",
|
|
xxl: "1400px",
|
|
uw: "2000px"
|
|
}
|
|
},
|
|
transformers: [
|
|
transformerDirectives(),
|
|
transformerVariantGroup()
|
|
]
|
|
});
|