module.exports = {
  purge: [
    './public/**/*.html',
    './src/**/*.vue'
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    fontSize: {
      'fs12': '1.2rem',
      'fs14': '1.4rem',
      'fs16': '1.6rem',
      'fs18': '1.8rem',
      'fs20': '2rem',
      'fs24': '2.4rem'
    },
    // magin: {
    //   '08': '0.8rem',
    //   '06': '0.6rem',
    //   '04': '0.4rem'
    // },
    // padding: {
    //   '08': '0.8rem',
    //   '06': '0.6rem',
    //   '04': '0.4rem',
    // },
    extend: {
      spacing: {
        '02': '0.2rem',
        '04': '0.4rem',
        '06': '0.6rem',
        '08': '0.8rem',
        '4.8': '1.2rem',
        '5.6': '1.4rem',
        '6.4': '1.6rem',
        '7.2': '1.8rem',
      }
    },
  },
  variants: {},
  plugins: [],
}