@smarteye/tailwind-optic-preset v0.1.18

@smarteye/tailwind-optic-preset

Tailwindcss preset to be shared accross smarteye.id repositories.

Usage

Install:

$ npm i -D @smarteye/tailwind-optic-preset
or
$ yarn add -D @smarteye/tailwind-optic-preset

Add tailwind.config.js:

const optic = require('@smarteye/tailwind-optic-preset');

module.exports = {
  presets: [optic],
  theme: {
    extend: {
      // add no-covered config here
      ...
      // For multibrand purpose, override here
      // colors: {
      //   primary: {
      //     '01': '#495469',
      //     '02': '#536484',
      //     '03': '#63779C',
      //     '04': '#94A2BC',
      //   },
      //   neutral: {
      //     '01': '#46494E',
      //     '02': '#55585E',
      //     '03': '#6B6E76',
      //     '04': '#DEDFE1',
      //     '05': '#F4F4F4',
      //     '06': '#FFFFFF',
      //   },
      //   red: {
      //     '01': '#B00B0B',
      //     '02': '#D73D3D',
      //     '03': '#FCC6CD',
      //   },
      //   yellow: {
      //     '01': '#8F6F00',
      //     '02': '#FFCE22',
      //     '03': '#FFECAA',
      //   },
      //   green: {
      //      '01': '#1C6A1A',
      //      '02': '#068913',
      //      '03': '#CDFECF',
      //   },
      //   blue: {
      //      '01': '#002C9D',
      //      '02': '#2E63EA',
      //      '03': '#B0C6FF',
      //   },
      // }
    },
  },
  content: [
    // our content pattern
    'src/**/*.{ts,tsx,js,jsx}',
  ],
};