svelte-website/tailwind.config.cjs

43 lines
1.0 KiB
JavaScript

const defaultTheme = require('tailwindcss/defaultTheme')
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
extend: {
colors: {
'murasaki': '#4f284b',
},
fontFamily: {
sans: ['Roboto Flex', ...defaultTheme.fontFamily.sans],
montserrat: ['Montserrat', ...defaultTheme.fontFamily.sans],
roboto_slab: ['Roboto Slab', ...defaultTheme.fontFamily.serif]
},
gridTemplateRows: {
'12': 'repeat(12, minmax(0, 1fr))',
},
gridRow: {
'span-11': 'span 11 / span 11',
},
},
container: {
center: true,
},
screens: {
'sm': '640px',
// => @media (min-width: 640px) { ... }
'md': '768px',
// => @media (min-width: 768px) { ... }
'lg': '1024px',
// => @media (min-width: 1024px) { ... }
'xl': '1280px',
// => @media (min-width: 1280px) { ... }
'2xl': '1536px',
// => @media (min-width: 1536px) { ... }
}
},
plugins: [],
}