99 lines
2.7 KiB
JavaScript
99 lines
2.7 KiB
JavaScript
|
/** @type {import('tailwindcss').Config} */
|
||
|
|
export default {
|
||
|
|
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
|
||
|
|
theme: {
|
||
|
|
extend: {},
|
||
|
|
colors: {
|
||
|
|
text: {
|
||
|
|
50: 'var(--text-50)',
|
||
|
|
100: 'var(--text-100)',
|
||
|
|
200: 'var(--text-200)',
|
||
|
|
300: 'var(--text-300)',
|
||
|
|
400: 'var(--text-400)',
|
||
|
|
500: 'var(--text-500)',
|
||
|
|
600: 'var(--text-600)',
|
||
|
|
700: 'var(--text-700)',
|
||
|
|
800: 'var(--text-800)',
|
||
|
|
900: 'var(--text-900)',
|
||
|
|
950: 'var(--text-950)',
|
||
|
|
DEFAULT: 'var(--text)',
|
||
|
|
},
|
||
|
|
background: {
|
||
|
|
50: 'var(--background-50)',
|
||
|
|
100: 'var(--background-100)',
|
||
|
|
200: 'var(--background-200)',
|
||
|
|
300: 'var(--background-300)',
|
||
|
|
400: 'var(--background-400)',
|
||
|
|
500: 'var(--background-500)',
|
||
|
|
600: 'var(--background-600)',
|
||
|
|
700: 'var(--background-700)',
|
||
|
|
800: 'var(--background-800)',
|
||
|
|
900: 'var(--background-900)',
|
||
|
|
950: 'var(--background-950)',
|
||
|
|
DEFAULT: 'var(--background)',
|
||
|
|
},
|
||
|
|
primary: {
|
||
|
|
50: 'var(--primary-50)',
|
||
|
|
100: 'var(--primary-100)',
|
||
|
|
200: 'var(--primary-200)',
|
||
|
|
300: 'var(--primary-300)',
|
||
|
|
400: 'var(--primary-400)',
|
||
|
|
500: 'var(--primary-500)',
|
||
|
|
600: 'var(--primary-600)',
|
||
|
|
700: 'var(--primary-700)',
|
||
|
|
800: 'var(--primary-800)',
|
||
|
|
900: 'var(--primary-900)',
|
||
|
|
950: 'var(--primary-950)',
|
||
|
|
DEFAULT: 'var(--primary)',
|
||
|
|
},
|
||
|
|
secondary: {
|
||
|
|
50: 'var(--secondary-50)',
|
||
|
|
100: 'var(--secondary-100)',
|
||
|
|
200: 'var(--secondary-200)',
|
||
|
|
300: 'var(--secondary-300)',
|
||
|
|
400: 'var(--secondary-400)',
|
||
|
|
500: 'var(--secondary-500)',
|
||
|
|
600: 'var(--secondary-600)',
|
||
|
|
700: 'var(--secondary-700)',
|
||
|
|
800: 'var(--secondary-800)',
|
||
|
|
900: 'var(--secondary-900)',
|
||
|
|
950: 'var(--secondary-950)',
|
||
|
|
DEFAULT: 'var(--secondary)',
|
||
|
|
},
|
||
|
|
accent: {
|
||
|
|
50: 'var(--accent-50)',
|
||
|
|
100: 'var(--accent-100)',
|
||
|
|
200: 'var(--accent-200)',
|
||
|
|
300: 'var(--accent-300)',
|
||
|
|
400: 'var(--accent-400)',
|
||
|
|
500: 'var(--accent-500)',
|
||
|
|
600: 'var(--accent-600)',
|
||
|
|
700: 'var(--accent-700)',
|
||
|
|
800: 'var(--accent-800)',
|
||
|
|
900: 'var(--accent-900)',
|
||
|
|
950: 'var(--accent-950)',
|
||
|
|
DEFAULT: 'var(--accent)',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
fontSize: {
|
||
|
|
sm: '0.640rem',
|
||
|
|
base: '0.8rem',
|
||
|
|
xl: '1.000rem',
|
||
|
|
'2xl': '1.250rem',
|
||
|
|
'3xl': '1.563rem',
|
||
|
|
'4xl': '1.954rem',
|
||
|
|
'5xl': '2.442rem',
|
||
|
|
},
|
||
|
|
fontFamily: {
|
||
|
|
heading: 'Poppins',
|
||
|
|
body: 'Roboto',
|
||
|
|
},
|
||
|
|
fontWeight: {
|
||
|
|
normal: '400',
|
||
|
|
bold: '700',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
plugins: [],
|
||
|
|
};
|