summaryrefslogtreecommitdiff
path: root/tailwind.config.js
diff options
context:
space:
mode:
Diffstat (limited to 'tailwind.config.js')
-rw-r--r--tailwind.config.js93
1 files changed, 16 insertions, 77 deletions
diff --git a/tailwind.config.js b/tailwind.config.js
index e6c399d0..96fd7a44 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,52 +10,24 @@ module.exports = {
'sans': ['Inter', 'sans-serif']
},
fontSize: {
- 'h1': ['60px', '120%'],
- 'h2': ['48px', '120%'],
- 'h3': ['34px', '120%'],
- 'h4': ['24px', '120%'],
- 'h5': ['20px', '120%'],
- 'h6': ['18px', '120%'],
- 'body-lg': ['16px', '120%'],
- 'body': ['14px', '120%'],
- 'caption': ['12px', '120%'],
- 'caption-p': ['12px', '150%']
+ 'display-lg': ['56px', '100%'],
+ 'display-md': ['48px', '100%'],
+ 'display-sm': ['36px', '100%'],
+ 'title-lg': ['28px', '121%'],
+ 'title-md': ['24px', '121%'],
+ 'title-sm': ['20px', '121%'],
+ 'h-lg': ['18px', '121%'],
+ 'h-md': ['17px', '121%'],
+ 'h-sm': ['16px', '121%'],
+ 'body-1': ['15px', '121%'],
+ 'body-2': ['14px', '121%'],
+ 'paragraph-1': ['15px', '140%'],
+ 'paragraph-2': ['14px', '140%'],
+ 'caption-1': ['13px', '121%'],
+ 'caption-2': ['12px', '121%'],
},
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: '#F8C20A',
- 800: '#FACF40',
- 700: '#FBD761',
- 600: '#FBDC75',
- 500: '#FCE79E',
- 400: '#FDF0C2',
- 300: '#FEF7E0',
- 200: '#FFFBED',
- 100: '#FFFCF5',
- },
- 'r-green': {
+ 'green_r': {
1: '#fbfefc',
2: '#f2fcf5',
3: '#e9f9ee',
@@ -125,39 +97,6 @@ module.exports = {
11: '#706f6c',
12: '#1b1b18',
}
- // 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',
- // }
}
},
},