shopify-html/tailwind.config.js

59 lines
1.5 KiB
JavaScript
Raw Permalink Normal View History

tailwind.config = {
theme: {
fontFamily: {
ms: ["Montserrat", "sans-serif"],
dm: ["DM Serif Display", "serif"]
},
screens: {
sm: '480px',
md: '768px',
lg: '976px',
xl: '1200px',
},
extend: {
colors: {
purple1: '#9773fa',
purple2: '#9874FF',
grey1: '#DADADA',
grey2: '#D7D7D7',
grey3: '#828282',
grey4: '#E8E8E8',
2024-03-11 07:58:44 +00:00
grey5: '#B5B5B5',
grey6: '#545454',
grey7: '#2E2E2E',
grey8: '#333333',
pink1: '#E34FA5'
},
fontSize: {
'5.5': '1.375rem', // 22px
'10': '2.5rem', // 40px
'16.25': '4.063rem', // 65px
'20': '5rem' // 80px
},
lineHeight: {
'3.5': '0.875rem', // 14px
'4.5': '1.125rem', // 18px
'5.5': '1.375rem', // 22px
'12': '3rem', // 48px
'20': '5rem', // 80px
'25': '6.25rem' // 100px
},
spacing: {
'2.25': '0.563rem', // 9px
'3.25': '0.813rem', // 13px
'4.5': '1.125rem', // 18px
'5.5': '1.375rem', // 22px
'6.5': '1.625rem', // 26px
'7.5': '1.875rem', // 30px
'24': '6rem', // 96px
'27.5': '6.875rem', // 110px
'30': '7.5rem', // 120px
'71.5': '17.875rem', // 286px
'76': '19rem'
},
borderRadius: {
'4.5': '1.125rem' // 18px
}
}
}
}