Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- const colors = require('tailwindcss/colors')
- module.exports = {
- // purge: ['./pages/**/*.js', './components/**/*.js'],
- darkMode: false, // or 'media' or 'class'
- theme: {
- screens: {
- sm: '480px',
- md: '768px',
- lg: '976px',
- xl: '1440px',
- },
- extend: {
- spacing: {
- "72": "18rem",
- "80": "20rem",
- "88": "22rem",
- "96": "24rem",
- "104": "26rem",
- "112": "28rem",
- "120": "30rem",
- "124": "31rem",
- "128": "32rem",
- "132": "33rem",
- "136": "34rem",
- "140": "35rem",
- "144": "36rem",
- "fw": "1440px",
- },
- fontSize: {
- 'xs': '.78rem',
- 'smaller': '.95rem'
- },
- fontFamily: {
- 'light': ['Eina Light'],
- 'semibold': ['Eina SemiBold'],
- },
- screens: {
- 'mobile': '600px',
- 'c_large': '1200px',
- 'desktop': '1440px'
- },
- width: {
- '28': '7rem',
- 'c_large': '1200px',
- "38":"10rem",
- "48":"12rem",
- "52":"13rem",
- "56":"14rem",
- "60":"15rem",
- "64": "16rem",
- "68": "17rem",
- "72": "18rem",
- "80": "20rem",
- "88": "22rem",
- "96": "24rem",
- "104": "26rem",
- "112": "28rem",
- "120": "30rem",
- "124": "31rem",
- "128": "32rem",
- "132": "33rem",
- "136": "34rem",
- "140": "35rem",
- "144": "36rem",
- 'flex-half': "calc((100%/2) - 15px)",
- 'flex-fourth': "calc((100% / 4) - 20px)"
- },
- inset: {
- 'flexiblemargin': "calc((100vw - 1420px) / 2)",
- '100': '100px',
- '200': '200px',
- '250': '250px',
- '300': '300px',
- '400': '400px',
- '20': '20px',
- '22': '22px',
- '24': '24px',
- '26': '26px',
- '28': '28px',
- '30': '30px',
- '35': '35px',
- '40': '40px',
- '45': '45px',
- '45': '45px',
- '46': '46px',
- '47': '47px',
- '48': '48px',
- '49': '49px',
- '50': '50px',
- '51': '51px',
- '52':'52px',
- '53': '53px',
- '54':'54px',
- '55': '55px',
- '60': '60px'
- },
- height: {
- 'hero': '500px',
- "48":"12rem",
- "52":"13rem",
- "56":"14rem",
- "60":"15rem",
- "64": "16rem",
- "68":"17rem",
- "72": "18rem",
- "80": "20rem",
- "88": "22rem",
- "96": "24rem",
- "104": "26rem",
- "112": "28rem",
- "120": "30rem",
- "124": "31rem",
- "128": "32rem",
- "132": "33rem",
- "136": "34rem",
- "140": "35rem",
- "144": "36rem",
- },
- padding: {
- ".5": ".125rem"
- },
- maxWidth: {
- "48":"12rem",
- "52":"13rem",
- "56":"14rem",
- "60":"15rem",
- "64": "16rem",
- "68":"17rem",
- "72": "18rem",
- "80": "20rem",
- "88": "22rem",
- "96": "24rem",
- "104": "26rem",
- "112": "28rem",
- "120": "30rem",
- "124": "31rem",
- "128": "32rem",
- "132": "33rem",
- "136": "34rem",
- "140": "35rem",
- "144": "36rem",
- "fw": "1440px",
- 'c_large': '1200px'
- },
- maxHeight: {
- "36":"9rem",
- "40":"10rem",
- "44":"11rem",
- "48":"12rem",
- "52":"13rem",
- "56":"14rem",
- "60":"15rem",
- "64": "16rem",
- "68":"17rem",
- "72": "18rem",
- "80": "20rem",
- "88": "22rem",
- "96": "24rem",
- "104": "26rem",
- "112": "28rem",
- "120": "30rem",
- "124": "31rem",
- "128": "32rem",
- "132": "33rem",
- "136": "34rem",
- "140": "35rem",
- "144": "36rem",
- "fw": "1440px"
- },
- zIndex: {
- '-2': '-2',
- '-4': '-4',
- '-6': '-6',
- '-12': '-12',
- },
- borderWidth: {
- '1.5': '.13rem'
- },
- colors: {
- gray: colors.gray,
- 'light-gray': '#C2C2C2',
- 'primary': {
- '100': '#9C08AC',
- '200': '#800B8C',
- '300': '#5C0465',
- '400': '#4B1A50',
- '500': '#39013D',
- '600': '#331632',
- '700': '#241125'
- },
- 'primary-dark': {
- '100': '#FFC30C'
- },
- 'light': 'white',
- 'dark': 'black',
- 'danger': '#EB001B',
- 'success': '#06C42C',
- },
- backgroundColor: {
- 'light-200': '#f0f0f0',
- 'light-300': '#e8e8e8'
- },
- lineHeight: {
- 'large': '54px'
- }
- },
- },
- plugins: [
- require('tailwindcss-rtl'),
- ],
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement