feat: ✨ initial commit
Created (mostly) temporally website, forked from Org013/www.
This commit is contained in:
73
unocss.config.ts
Normal file
73
unocss.config.ts
Normal file
@@ -0,0 +1,73 @@
|
||||
import {
|
||||
defineConfig,
|
||||
presetAttributify,
|
||||
presetIcons,
|
||||
presetUno,
|
||||
presetWebFonts,
|
||||
transformerDirectives,
|
||||
transformerVariantGroup,
|
||||
} from 'unocss';
|
||||
import extractorSvelte from '@unocss/extractor-svelte';
|
||||
import { presetRadix, radixColors } from 'unocss-preset-radix';
|
||||
import { presetScrollbar } from 'unocss-preset-scrollbar';
|
||||
import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders';
|
||||
|
||||
import socials from './src/lib/data/socials.json';
|
||||
|
||||
export default defineConfig({
|
||||
safelist: [
|
||||
...socials.flat().map(social =>
|
||||
`i-custom:${social.name.toLowerCase()}`,
|
||||
),
|
||||
`lg:grid-cols-${socials.length}`,
|
||||
],
|
||||
include: [
|
||||
/\.svelte/,
|
||||
/\.svelte\?svelte/,
|
||||
/\.svx/,
|
||||
/\.svx\?svx/,
|
||||
/\.md/,
|
||||
/\.md\?md/,
|
||||
],
|
||||
presets: [
|
||||
presetUno(),
|
||||
presetAttributify(),
|
||||
presetScrollbar(),
|
||||
presetIcons({
|
||||
collections: {
|
||||
solar: () => import('@iconify-json/solar/icons.json').then(i => i.default as any),
|
||||
spinners: () => import('@iconify-json/svg-spinners/icons.json').then(i => i.default as any),
|
||||
custom: FileSystemIconLoader('./src/lib/assets/icons'),
|
||||
},
|
||||
}),
|
||||
presetWebFonts({
|
||||
fonts: {
|
||||
sans: {
|
||||
name: 'Inter',
|
||||
provider: 'none',
|
||||
},
|
||||
code: {
|
||||
name: 'Fira Code',
|
||||
provider: 'none',
|
||||
},
|
||||
cal: {
|
||||
name: 'Cal Sans',
|
||||
provider: 'none',
|
||||
},
|
||||
},
|
||||
}),
|
||||
// @ts-expect-error It seems that this preset
|
||||
// has an incorrect type definition for this function,
|
||||
// even when is works as intended.
|
||||
presetRadix({
|
||||
palette: [...radixColors],
|
||||
}),
|
||||
],
|
||||
transformers: [
|
||||
transformerDirectives(),
|
||||
transformerVariantGroup(),
|
||||
],
|
||||
extractors: [
|
||||
extractorSvelte(),
|
||||
],
|
||||
});
|
||||
Reference in New Issue
Block a user