shopify-html/tailwind.config.js

51 lines
1.2 KiB
JavaScript
Raw 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',
pink1: '#E34FA5'
},
fontSize: {
'5.5': '1.375rem', // 22px
'10': '2.5rem',
'20': '5rem'
},
spacing: {
'2.25': '0.563rem',
'3.25': '0.813rem',
'4.5': '1.125rem', // 18px
'5.5': '1.375rem', // 22px
'6.5': '1.625rem', // 26px
'24': '6rem', // 96px
'27.5': '6.875rem',
'30': '7.5rem',
'71.5': '17.875rem', // 296px
'76': '19rem'
},
lineHeight: {
'5.5': '1.375rem', // 22px
'12': '3rem',
'20': '5rem',
'25': '6.25rem'
},
borderRadius: {
'4.5': '1.125rem' // 18px
}
}
}
}