diff options
| author | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-13 18:02:44 +0700 |
|---|---|---|
| committer | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-13 18:02:44 +0700 |
| commit | c0f523bf49a160f74158fe61b6f5916fa6176322 (patch) | |
| tree | ca95b8174837a8780b4277a4a88b003400f9419e /tailwind.config.js | |
| parent | 21a22d686e71d8eb470d158f93ba80e43b7b221f (diff) | |
Merapihkan tampilan
Diffstat (limited to 'tailwind.config.js')
| -rw-r--r-- | tailwind.config.js | 82 |
1 files changed, 80 insertions, 2 deletions
diff --git a/tailwind.config.js b/tailwind.config.js index dce6f0c0..e6c399d0 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -10,8 +10,16 @@ module.exports = { 'sans': ['Inter', 'sans-serif'] }, fontSize: { - base: '15px', - lg: '18px', + '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%'] }, colors: { gray: { @@ -47,6 +55,76 @@ module.exports = { 200: '#FFFBED', 100: '#FFFCF5', }, + 'r-green': { + 1: '#fbfefc', + 2: '#f2fcf5', + 3: '#e9f9ee', + 4: '#ddf3e4', + 5: '#ccebd7', + 6: '#b4dfc4', + 7: '#92ceac', + 8: '#5bb98c', + 9: '#30a46c', + 10: '#299764', + 11: '#18794e', + 12: '#153226', + }, + 'yellow_r': { + 1: '#fdfdf9', + 2: '#fffce8', + 3: '#fffbd1', + 4: '#fff8bb', + 5: '#fef2a4', + 6: '#f9e68c', + 7: '#efd36c', + 8: '#ebbc00', + 9: '#f5d90a', + 10: '#f7ce00', + 11: '#946800', + 12: '#35290f', + }, + 'gray_r': { + 1: '#fcfcfc', + 2: '#f8f8f8', + 3: '#f3f3f3', + 4: '#ededed', + 5: '#e8e8e8', + 6: '#e2e2e2', + 7: '#dbdbdb', + 8: '#c7c7c7', + 9: '#8f8f8f', + 10: '#858585', + 11: '#6f6f6f', + 12: '#171717', + }, + 'red_r': { + 1: '#fffcfc', + 2: '#fff8f8', + 3: '#ffefef', + 4: '#ffe5e5', + 5: '#fdd8d8', + 6: '#f9c6c6', + 7: '#f3aeaf', + 8: '#eb9091', + 9: '#e5484d', + 10: '#dc3d43', + 11: '#cd2b31', + 12: '#381316', + }, + 'r-sand': { + 1: '#fdfdfc', + 2: '#f9f9f8', + 3: '#f3f3f2', + 4: '#eeeeec', + 5: '#e9e9e6', + 6: '#e3e3e0', + 7: '#dbdbd7', + 8: '#c8c7c1', + 9: '#90908c', + 10: '#868682', + 11: '#706f6c', + 12: '#1b1b18', + } // yellow500: { // 900: '#F8C20A', // 800: '#FACF40', |