tailwind.config.js

module.exports = {
  important: true,
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      inset: {
        '8/100': '8%',
        '9/100': '9%',
        '10/100': '10%',
        18: '4.5rem'
      },
      translate: {
        '3/2': '150%',
        '0.25': '0.075rem',
      },
      padding: {
        3.7: '0.975rem',
        4.5: '1.15rem',
        5.5: '1.375rem'
      },
      margin: {
        '64': '15.5rem',
        '68': '17rem',
      },
      width: {
        15: '3.75rem',
        68: '17rem',
        76: '19rem',
        98: '26rem',
        100: '28rem',
        '97/100': '97%'
      },
      height: {
        13: '3.275rem',
        15: '3.75rem',
        17: '4.25rem',
        18: '4.5rem',
        21: '5.25rem',
        22: '5.5rem',
      },
      colors: {
        'left-bar-yellow': '#ffd600',
        'left-bar-indigo': '#5e72e4',
        'left-bar-gray': '#939cac',
        'left-bar-red': '#f5365c',
        'left-bar-orange': '#fb6340',
        'left-bar-cyan': '#22d1f0',
        'left-bar-rose': '#f4645f',
        'left-bar-green': '#2dce89',
        'indigo-500': '#5e72e4',
        primary: {
          DEFAULT: 'rgb(50 50 93)',
          100: 'rgb(82 95 127)',
          200: 'rgb(136 152 170)',
          blue: 'rgb(94 114 228)',
          red: 'rgb(245 54 92)',
          white: 'rgba(0, 0, 0, 0.05)',
        },
        muted: {
          DEFAULT: 'rgb(136 152 170)',
        },
        warnning: {
          DEFAULT: 'rgb(251 99 64)',
        },
        icon: {
          DEFAULT: 'rgb(246 249 252)'
        },
        webkit: {
          DEFAULT: '-webkit-focus-ring-color'
        }
      },
      fontSize: {
        0.625: ['0.625rem', '1.5'],
        0.8125: ['0.8125rem', '1.5'],
        0.9375: ['0.9375rem', '1.5'],
        0.95: ['0.95rem', '1.5'],
        1.0625: ['1.0625rem', '1.5'],
        1.375: ['1.375rem', '1.5'],
        1.625: ['1.625rem', '1.5'],
        1.6275: ['1.6275rem', '1.5'],
        2.1875: ['2.1875rem', '1.5'],
        2.75: ['2.75rem', '1.5'],
        3.3: ['3.3rem', '1.5'],
        90: ['90%', '1.5'],
        80: ['80%', '1.5'],
        70: ['70%', '1.5'],
        60: ['60%', '1.5'],
        'sm': ['.875rem', '1.5'],
      },
      lineHeight: {
        '1.7': '1.7',
      },
      boxShadow: {},
    },
    translate: {},
    fontFamily: {
      body: ['"Open Sans"'],
    },
  },
  plugins: [require('@tailwindcss/forms')],
}