vac.dev-experimental-old/tailwind.config.js

61 lines
1.2 KiB
JavaScript

module.exports = {
mode: 'jit',
purge: [`_site/**/*.html`, `_site/**/*.css`],
theme: {
extend: {
backgroundImage: (theme) => ({
arrow: 'url(/assets/img/arrow.svg)',
arrowWhite: 'url(/assets/img/arrow-white.svg)',
arrowPeach: 'url(/assets/img/arrow-peach.svg)',
}),
maxWidth: {
48: '48%',
80: '80%',
},
maxHeight: {
nav: '350px',
},
},
screens: {
xxs: '370px',
xscard: '436px',
xs: '450px',
xm: '480px',
sm: '570px',
sl: '680px',
md: '768px',
ml: '900px',
lg: '1024px',
l: '1199px',
lm: '1280px',
xl: '1440px',
},
fontFamily: {
sans: ['Open Sans', 'sans-serif'],
},
fontSize: {
xxs: ['10px', '22px'],
xs: ['12px', '16px'],
s: ['12px', '20px'],
sm: ['14px', '22px'],
base: ['14px', '24px'],
l: ['18px', '25px'],
lg: ['20px', '28px'],
xl: ['24px', '32px'],
xxl: ['32px', '44px'],
},
textColor: {
white: '#fff',
black: '#151512',
peach: '#D1A69D',
},
colors: {
white: '#fff',
black: '#151512',
peach: '#D1A69D',
},
},
variants: {},
plugins: [],
};