import { defineConfig } from 'unocss'

export default defineConfig({
  shortcuts: {
    // custom the default background
    'bg-main': 'bg-white text-[#181818] dark:(bg-[#121212] text-[#ddd])'
  },
  rules: [
    [
      'grid-wrapper',
      {
        display: 'grid',
        '--grid-wrapper':
          '[full-start] 1fr [wrapper-start] minmax(0, var(--content-width)) [wrapper-end] 1fr [full-end]',
        'grid-template-columns': 'var(--grid-wrapper)',
        '--_content-padding': 'var(--content-padding, var(--space-s))',
        'column-gap': 'var(--_content-padding)'
      }
    ]
  ]
})