-
Notifications
You must be signed in to change notification settings - Fork 127
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix: update path of tailwind config file
- Loading branch information
Rajat Chaudhary
authored and
Rajat Chaudhary
committed
Jun 4, 2024
1 parent
70ea634
commit db0727d
Showing
2 changed files
with
202 additions
and
202 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,201 @@ | ||
| const baseConfig = require('../tailwind.config.js'); | ||
|
|
||
| /** @type {import('tailwindcss').Config} */ | ||
| module.exports = { | ||
| ...baseConfig, | ||
| darkMode: process.env.DARK_MODE ? process.env.DARK_MODE : 'media', | ||
| content: [ | ||
| './src/**/*.{html,js,jsx,ts,tsx}', | ||
| './src/core-components/**/**/*.{html,js,jsx,ts,tsx}', | ||
| './src/components/**/*.{html,js,jsx,ts,tsx,mdx}', | ||
| ], | ||
| presets: [require('nativewind/preset')], | ||
| safelist: [ | ||
| { | ||
| pattern: | ||
| /border-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark)/, | ||
| }, | ||
| { | ||
| pattern: | ||
| /bg-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark)/, | ||
| }, | ||
| { | ||
| pattern: | ||
| /text-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark)/, | ||
| }, | ||
| { | ||
| pattern: | ||
| /stroke-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark)/, | ||
| }, | ||
| { | ||
| pattern: | ||
| /fill-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark)/, | ||
| }, | ||
| ], | ||
| theme: { | ||
| extend: { | ||
| colors: { | ||
| primary: { | ||
| 0: 'rgb(var(--color-primary-0)/<alpha-value>)', | ||
| 50: 'rgb(var(--color-primary-50)/<alpha-value>)', | ||
| 100: 'rgb(var(--color-primary-100)/<alpha-value>)', | ||
| 200: 'rgb(var(--color-primary-200)/<alpha-value>)', | ||
| 300: 'rgb(var(--color-primary-300)/<alpha-value>)', | ||
| 400: 'rgb(var(--color-primary-400)/<alpha-value>)', | ||
| 500: 'rgb(var(--color-primary-500)/<alpha-value>)', | ||
| 600: 'rgb(var(--color-primary-600)/<alpha-value>)', | ||
| 700: 'rgb(var(--color-primary-700)/<alpha-value>)', | ||
| 800: 'rgb(var(--color-primary-800)/<alpha-value>)', | ||
| 900: 'rgb(var(--color-primary-900)/<alpha-value>)', | ||
| 950: 'rgb(var(--color-primary-950)/<alpha-value>)', | ||
| }, | ||
| secondary: { | ||
| 0: 'rgb(var(--color-secondary-0)/<alpha-value>)', | ||
| 50: 'rgb(var(--color-secondary-50)/<alpha-value>)', | ||
| 100: 'rgb(var(--color-secondary-100)/<alpha-value>)', | ||
| 200: 'rgb(var(--color-secondary-200)/<alpha-value>)', | ||
| 300: 'rgb(var(--color-secondary-300)/<alpha-value>)', | ||
| 400: 'rgb(var(--color-secondary-400)/<alpha-value>)', | ||
| 500: 'rgb(var(--color-secondary-500)/<alpha-value>)', | ||
| 600: 'rgb(var(--color-secondary-600)/<alpha-value>)', | ||
| 700: 'rgb(var(--color-secondary-700)/<alpha-value>)', | ||
| 800: 'rgb(var(--color-secondary-800)/<alpha-value>)', | ||
| 900: 'rgb(var(--color-secondary-900)/<alpha-value>)', | ||
| 950: 'rgb(var(--color-secondary-950)/<alpha-value>)', | ||
| }, | ||
| tertiary: { | ||
| 50: 'rgb(var(--color-tertiary-50)/<alpha-value>)', | ||
| 100: 'rgb(var(--color-tertiary-100)/<alpha-value>)', | ||
| 200: 'rgb(var(--color-tertiary-200)/<alpha-value>)', | ||
| 300: 'rgb(var(--color-tertiary-300)/<alpha-value>)', | ||
| 400: 'rgb(var(--color-tertiary-400)/<alpha-value>)', | ||
| 500: 'rgb(var(--color-tertiary-500)/<alpha-value>)', | ||
| 600: 'rgb(var(--color-tertiary-600)/<alpha-value>)', | ||
| 700: 'rgb(var(--color-tertiary-700)/<alpha-value>)', | ||
| 800: 'rgb(var(--color-tertiary-800)/<alpha-value>)', | ||
| 900: 'rgb(var(--color-tertiary-900)/<alpha-value>)', | ||
| 950: 'rgb(var(--color-tertiary-950)/<alpha-value>)', | ||
| }, | ||
| error: { | ||
| 0: 'rgb(var(--color-error-0)/<alpha-value>)', | ||
| 50: 'rgb(var(--color-error-50)/<alpha-value>)', | ||
| 100: 'rgb(var(--color-error-100)/<alpha-value>)', | ||
| 200: 'rgb(var(--color-error-200)/<alpha-value>)', | ||
| 300: 'rgb(var(--color-error-300)/<alpha-value>)', | ||
| 400: 'rgb(var(--color-error-400)/<alpha-value>)', | ||
| 500: 'rgb(var(--color-error-500)/<alpha-value>)', | ||
| 600: 'rgb(var(--color-error-600)/<alpha-value>)', | ||
| 700: 'rgb(var(--color-error-700)/<alpha-value>)', | ||
| 800: 'rgb(var(--color-error-800)/<alpha-value>)', | ||
| 900: 'rgb(var(--color-error-900)/<alpha-value>)', | ||
| 950: 'rgb(var(--color-error-950)/<alpha-value>)', | ||
| }, | ||
| success: { | ||
| 0: 'rgb(var(--color-success-0)/<alpha-value>)', | ||
| 50: 'rgb(var(--color-success-50)/<alpha-value>)', | ||
| 100: 'rgb(var(--color-success-100)/<alpha-value>)', | ||
| 200: 'rgb(var(--color-success-200)/<alpha-value>)', | ||
| 300: 'rgb(var(--color-success-300)/<alpha-value>)', | ||
| 400: 'rgb(var(--color-success-400)/<alpha-value>)', | ||
| 500: 'rgb(var(--color-success-500)/<alpha-value>)', | ||
| 600: 'rgb(var(--color-success-600)/<alpha-value>)', | ||
| 700: 'rgb(var(--color-success-700)/<alpha-value>)', | ||
| 800: 'rgb(var(--color-success-800)/<alpha-value>)', | ||
| 900: 'rgb(var(--color-success-900)/<alpha-value>)', | ||
| 950: 'rgb(var(--color-success-950)/<alpha-value>)', | ||
| }, | ||
| warning: { | ||
| 0: 'rgb(var(--color-warning-0)/<alpha-value>)', | ||
| 50: 'rgb(var(--color-warning-50)/<alpha-value>)', | ||
| 100: 'rgb(var(--color-warning-100)/<alpha-value>)', | ||
| 200: 'rgb(var(--color-warning-200)/<alpha-value>)', | ||
| 300: 'rgb(var(--color-warning-300)/<alpha-value>)', | ||
| 400: 'rgb(var(--color-warning-400)/<alpha-value>)', | ||
| 500: 'rgb(var(--color-warning-500)/<alpha-value>)', | ||
| 600: 'rgb(var(--color-warning-600)/<alpha-value>)', | ||
| 700: 'rgb(var(--color-warning-700)/<alpha-value>)', | ||
| 800: 'rgb(var(--color-warning-800)/<alpha-value>)', | ||
| 900: 'rgb(var(--color-warning-900)/<alpha-value>)', | ||
| 950: 'rgb(var(--color-warning-950)/<alpha-value>)', | ||
| }, | ||
| info: { | ||
| 0: 'rgb(var(--color-info-0)/<alpha-value>)', | ||
| 50: 'rgb(var(--color-info-50)/<alpha-value>)', | ||
| 100: 'rgb(var(--color-info-100)/<alpha-value>)', | ||
| 200: 'rgb(var(--color-info-200)/<alpha-value>)', | ||
| 300: 'rgb(var(--color-info-300)/<alpha-value>)', | ||
| 400: 'rgb(var(--color-info-400)/<alpha-value>)', | ||
| 500: 'rgb(var(--color-info-500)/<alpha-value>)', | ||
| 600: 'rgb(var(--color-info-600)/<alpha-value>)', | ||
| 700: 'rgb(var(--color-info-700)/<alpha-value>)', | ||
| 800: 'rgb(var(--color-info-800)/<alpha-value>)', | ||
| 900: 'rgb(var(--color-info-900)/<alpha-value>)', | ||
| 950: 'rgb(var(--color-info-950)/<alpha-value>)', | ||
| }, | ||
| typography: { | ||
| 0: 'rgb(var(--color-typography-0)/<alpha-value>)', | ||
| 50: 'rgb(var(--color-typography-50)/<alpha-value>)', | ||
| 100: 'rgb(var(--color-typography-100)/<alpha-value>)', | ||
| 200: 'rgb(var(--color-typography-200)/<alpha-value>)', | ||
| 300: 'rgb(var(--color-typography-300)/<alpha-value>)', | ||
| 400: 'rgb(var(--color-typography-400)/<alpha-value>)', | ||
| 500: 'rgb(var(--color-typography-500)/<alpha-value>)', | ||
| 600: 'rgb(var(--color-typography-600)/<alpha-value>)', | ||
| 700: 'rgb(var(--color-typography-700)/<alpha-value>)', | ||
| 800: 'rgb(var(--color-typography-800)/<alpha-value>)', | ||
| 900: 'rgb(var(--color-typography-900)/<alpha-value>)', | ||
| 950: 'rgb(var(--color-typography-950)/<alpha-value>)', | ||
| white: '#FFFFFF', | ||
| gray: '#D4D4D4', | ||
| black: '#181718', | ||
| }, | ||
| outline: { | ||
| 0: 'rgb(var(--color-outline-0)/<alpha-value>)', | ||
| 50: 'rgb(var(--color-outline-50)/<alpha-value>)', | ||
| 100: 'rgb(var(--color-outline-100)/<alpha-value>)', | ||
| 200: 'rgb(var(--color-outline-200)/<alpha-value>)', | ||
| 300: 'rgb(var(--color-outline-300)/<alpha-value>)', | ||
| 400: 'rgb(var(--color-outline-400)/<alpha-value>)', | ||
| 500: 'rgb(var(--color-outline-500)/<alpha-value>)', | ||
| 600: 'rgb(var(--color-outline-600)/<alpha-value>)', | ||
| 700: 'rgb(var(--color-outline-700)/<alpha-value>)', | ||
| 800: 'rgb(var(--color-outline-800)/<alpha-value>)', | ||
| 900: 'rgb(var(--color-outline-900)/<alpha-value>)', | ||
| 950: 'rgb(var(--color-outline-950)/<alpha-value>)', | ||
| }, | ||
| background: { | ||
| 0: 'rgb(var(--color-background-0)/<alpha-value>)', | ||
| 50: 'rgb(var(--color-background-50)/<alpha-value>)', | ||
| 100: 'rgb(var(--color-background-100)/<alpha-value>)', | ||
| 200: 'rgb(var(--color-background-200)/<alpha-value>)', | ||
| 300: 'rgb(var(--color-background-300)/<alpha-value>)', | ||
| 400: 'rgb(var(--color-background-400)/<alpha-value>)', | ||
| 500: 'rgb(var(--color-background-500)/<alpha-value>)', | ||
| 600: 'rgb(var(--color-background-600)/<alpha-value>)', | ||
| 700: 'rgb(var(--color-background-700)/<alpha-value>)', | ||
| 800: 'rgb(var(--color-background-800)/<alpha-value>)', | ||
| 900: 'rgb(var(--color-background-900)/<alpha-value>)', | ||
| 950: 'rgb(var(--color-background-950)/<alpha-value>)', | ||
| error: 'rgb(var(--color-background-error)/<alpha-value>)', | ||
| warning: 'rgb(var(--color-background-warning)/<alpha-value>)', | ||
| muted: 'rgb(var(--color-background-muted)/<alpha-value>)', | ||
| success: 'rgb(var(--color-background-success)/<alpha-value>)', | ||
| info: 'rgb(var(--color-background-info)/<alpha-value>)', | ||
| light: '#FBFBFB', | ||
| dark: '#181719', | ||
| }, | ||
| }, | ||
| fontFamily: { | ||
| heading: undefined, | ||
| body: undefined, | ||
| mono: undefined, | ||
| roboto: ['Roboto', 'sans-serif'], | ||
| }, | ||
| fontWeight: { | ||
| hairline: '100', | ||
| extraBlack: '950', | ||
| }, | ||
| fontSize: { | ||
| '2xs': '10px', | ||
| }, | ||
| }, | ||
| plugins: [], | ||
| }, | ||
| }; |
Oops, something went wrong.