import { defineConfig } from 'windicss/helpers'

export default defineConfig({
  darkMode: 'media',
  shortcuts: {
    card: 'rounded-xl bg-light-50 p-3 relative box-border',
    divider: 'w-full h-0 border border-solid border-gray-100 my-2',
    divider_y: 'w-0 h-full border border-solid border-gray-100 mx-2',
    icon: 'w-24px h-24px fill-blue-600 bg-light-100 rounded-2px cursor-pointer  mx-4px box-border',
    icon_reserve:
      'w-24px h-24px bg-blue-600 fill-light-100 rounded-2px cursor-pointer mx-4px p-2px box-border',
    flex_center: 'flex justify-center items-center',
    flex_start: 'flex justify-start items-center',
    area: 'flex bg-gray-100 text-gray-600 my-2 p-4 text-sm h-300px overflow-auto',
    pre: 'before:content-["|"] before:w-4px before:h-full before:inline-block before:text-transparent before:mr-6px before:bg-blue-400 text-gray-700',
  },
  plugins: [
    require('@windicss/plugin-scrollbar'),
  ],
  theme: {
    extend: {
      colors: {
        block: '#030C5735',
      },
    },

  },
})
