Files
ghost-theme/tailwind.config.js
2021-02-17 18:53:39 +00:00

37 lines
759 B
JavaScript

module.exports = {
purge: [
'./*.hbs',
'./partials/**/*.hbs'
],
darkMode: 'media', // or 'media' or 'class'
theme: {
extend: {
maxHeight: {
'1/2': '50%',
'3/4': '75%',
'full': '100%'
},
height: theme => ({
'screen/2': '50vh',
'screen/3': 'calc(100vh / 3)',
'screen/4': 'calc(100vh / 4)',
'screen/5': 'calc(100vh / 5)',
'screen/2-3': 'calc(100vh * 0.66)',
})
},
fontFamily: {
sans: ['Space Grotesk', 'sans-serif'],
serif: ['Merriweather', 'serif'],
},
},
variants: {
extend: {
opacity: ['active', 'dark'],
visibility: ['hover', 'dark'],
},
},
plugins: [
require('@tailwindcss/line-clamp')
],
}