46 lines
1.1 KiB
JavaScript
46 lines
1.1 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,
|
|
},
|
|
minHeight: {
|
|
'1/2': '50%',
|
|
},
|
|
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: [],
|
|
} |