70 lines
1.4 KiB
TypeScript
70 lines
1.4 KiB
TypeScript
import { defineConfig } from '@pandacss/dev'
|
|
import srJuggernautPandaPreset from '@srjuggernaut-dev/srjuggernaut-panda-preset'
|
|
import themeConfig from '@/styles/theme'
|
|
|
|
export default defineConfig({
|
|
presets: [srJuggernautPandaPreset(themeConfig)],
|
|
// Whether to use css reset
|
|
preflight: true,
|
|
|
|
// Where to look for your css declarations
|
|
include: ['./src/**/*.{js,jsx,ts,tsx}'],
|
|
|
|
// Files to exclude
|
|
exclude: [],
|
|
|
|
// Useful for theme customization
|
|
theme: {
|
|
extend: {}
|
|
},
|
|
|
|
globalCss: {
|
|
body: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
minHeight: '100vh',
|
|
backgroundColor: 'neutral.1',
|
|
color: 'neutral.12',
|
|
fontFamily: "'Roboto Variable', sans-serif",
|
|
lineHeight: 'tight'
|
|
},
|
|
'*, *::before, *::after': {
|
|
margin: 0,
|
|
padding: 0,
|
|
boxSizing: 'border-box'
|
|
},
|
|
'h1, h2, h3, h4, h5, h6': {
|
|
fontWeight: '700',
|
|
textWrap: 'balance',
|
|
lineHeight: 'normal'
|
|
},
|
|
h1: {
|
|
fontFamily: 'orbitron',
|
|
fontWeight: '900',
|
|
fontSize: 'h1'
|
|
},
|
|
h2: {
|
|
fontSize: 'h2'
|
|
},
|
|
h3: {
|
|
fontSize: 'h3'
|
|
},
|
|
h4: {
|
|
fontSize: 'h4'
|
|
},
|
|
h5: {
|
|
fontSize: 'h5'
|
|
},
|
|
h6: {
|
|
fontSize: 'h6'
|
|
},
|
|
p: {
|
|
fontSize: 'body',
|
|
textWrap: 'pretty'
|
|
}
|
|
},
|
|
|
|
// The output directory for your css system
|
|
outdir: 'styled-system'
|
|
})
|