tailwind.config.js

module.exports = {
  theme: {
    screens: {
      'no': '0px',
      'sm': '640px',
      'md': '768px',
      'lg': '900px',
      'xl': '1100px',
      'xxl': '1280px',
    },
    extend: {
      colors: {
        'yellow-tmou': '#ffec01',
        'blue-tmou': '#031f35',
        'black-tmou': '#01020c',
        'success-tmou': '#8CDA4C',
        'danger-tmou': '#C8A48C',
        'warning-tmou': '#ffec01',
        'info-tmou': '#FCF9F0',
         gray: {
             '100': '#f5f5f5',
             '200': '#eeeeee',
             '300': '#e0e0e0',
             '400': '#bdbdbd',
             '500': '#9e9e9e',
             '600': '#757575',
             '700': '#616161',
             '800': '#424242',
             '900': '#212121',
         }
      },
      borderRadius: {
        sm: '0.25rem'
      },
      borderWidth: {
        '5': '5px',
        '6': '6px'
      },
      maxHeight: {
        'screen-80': '80vh',
      }
    }
  },
  float: ['responsive'],
  display: ['responsive'],
  variants: {},
  plugins: []
}