diff options
| author | IT Fixcomart <it@fixcomart.co.id> | 2022-10-31 16:31:56 +0700 |
|---|---|---|
| committer | IT Fixcomart <it@fixcomart.co.id> | 2022-10-31 16:31:56 +0700 |
| commit | d6d2d9ceef2e95b604ac4ebdc054cad44a8440b1 (patch) | |
| tree | 376278eb3f7baa6b9405177b8fb57805d4a066b9 /tailwind.config.js | |
| parent | 97c98e0a6fa0757e58ca9dacf8e720a52e10dcf5 (diff) | |
Product detail and header
Diffstat (limited to 'tailwind.config.js')
| -rw-r--r-- | tailwind.config.js | 83 |
1 files changed, 81 insertions, 2 deletions
diff --git a/tailwind.config.js b/tailwind.config.js index 32e3abde..127739a6 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,8 +1,87 @@ /** @type {import('tailwindcss').Config} */ module.exports = { - content: [], + content: [ + "./src/pages/**/*.{js,ts,tsx}", + "./src/components/**/*.{js,ts,tsx}", + ], theme: { - extend: {}, + extend: { + fontFamily: { + 'sans': ['Inter', 'sans-serif'] + }, + fontSize: { + base: '15px', + lg: '18px', + }, + colors: { + gray: { + 900: '#2B2B2B', + 800: '#595959', + 700: '#767676', + 600: '#888888', + 500: '#ABABAB', + 400: '#CCCCCC', + 300: '#E4E4E4', + 200: '#F0F0F0', + 100: '#F6F6F6', + }, + red: { + 900: '#CE1D34', + 800: '#D94F61', + 700: '#DF6D7C', + 600: '#E3808D', + 500: '#ECA6AF', + 400: '#F3C9CE', + 300: '#F9E3E6', + 200: '#FBEFF0', + 100: '#FDF6F7', + }, + yellow: { + 900: '#D7A30A', + 800: '#DFB740', + 700: '#E5C361', + 600: '#E8CB75', + 500: '#EFDB9E', + 400: '#F5E8C2', + 300: '#FAF3E0', + 200: '#FCF8ED', + 100: '#FDFBF5', + }, + // yellow500: { + // 900: '#F8C20A', + // 800: '#FACF40', + // 700: '#FBD761', + // 600: '#FBDC75', + // 500: '#FCE79E', + // 400: '#FDF0C2', + // 300: '#FEF7E0', + // 200: '#FFFBED', + // 100: '#FFFCF5', + // } + // yellow600: { + // 900: '#D7A30A', + // 800: '#DFB740', + // 700: '#E5C361', + // 600: '#E8CB75', + // 500: '#EFDB9E', + // 400: '#F5E8C2', + // 300: '#FAF3E0', + // 200: '#FCF8ED', + // 100: '#FDFBF5', + // } + // yellow700: { + // 900: '#B5860A', + // 800: '#C5A040', + // 700: '#CFB161', + // 600: '#D5BB75', + // 500: '#E2CF9E', + // 400: '#EDE1C2', + // 300: '#F6F0E0', + // 200: '#FAF6ED', + // 100: '#FCFAF5', + // } + } + }, }, plugins: [], } |