tailwind.config.js

/*
 * @Author: your name
 * @Date: 2021-08-04 17:12:10
 * @LastEditTime: 2021-08-13 14:51:51
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /icp-dao/Users/chenglei/work/icp123-v2/tailwind.config.js
 */
const primaryColors = require('@left4code/tw-starter/dist/js/colors')
// const plugin = require('tailwindcss/plugin')

module.exports = {
    mode: 'jit',
    purge: ['./layouts/**/*.{js,ts,jsx,tsx}', './libs/**/*.{js,ts,jsx,tsx}', './pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}', './node_modules/@left4code/tw-starter/**/*.js'],
    // purge: [
    //     './src/**/*.{php,html,js,jsx,ts,tsx,vue}',
    //     './resources/**/*.{php,html,js,jsx,ts,tsx,vue}',
    //     './node_modules/@left4code/tw-starter/**/*.js'
    // ],
    plugins: [
        require('@tailwindcss/line-clamp')
    ],
    darkMode: 'class',
    theme: {
        borderColor: theme => ({
            ...theme('colors'),
            DEFAULT: primaryColors.gray['300']
        }),
        colors: {
            ...primaryColors,
            white: 'white',
            black: 'black',
            current: 'current',
            transparent: 'transparent',
            theme: {
                1: '#1C3FAA',
                2: '#F1F5F8',
                3: '#2E51BB',
                4: '#274AB7',
                5: '#DEE7EF',
                6: '#D32929',
                7: '#365A74',
                8: '#D2DFEA',
                9: '#91C714',
                10: '#3160D8',
                11: '#F78B00',
                12: '#FBC500',
                13: '#7F9EB9',
                14: '#E6F3FF',
                15: '#8DA9BE',
                16: '#607F96',
                17: '#FFEFD9',
                18: '#D8F8BC',
                19: '#2449AF',
                20: '#395EC1',
                21: '#C6D4FD',
                22: '#E8EEFF',
                23: '#1A389F',
                24: '#163296',
                25: '#C7D2FF',
                26: '#15329A',
                27: '#203FAD',
                28: '#BBC8FD',
                29: '#284EB2',
                30: '#98AFF5'
            }
        },
        extend: {
            fontFamily: {
                roboto: ['Roboto']
            },
            container: {
                center: true
            },
            maxWidth: {
                '1/4': '25%',
                '1/2': '50%',
                '3/4': '75%'
            },
            strokeWidth: {
                0.5: 0.5,
                1.5: 1.5,
                2.5: 2.5
            }
        }
    },
    variants: {
        extend: {
            boxShadow: ['dark']
        }
    }
}