mirror of
https://github.com/plausible/analytics.git
synced 2024-11-28 04:30:42 +03:00
56 lines
1.1 KiB
JavaScript
56 lines
1.1 KiB
JavaScript
const colors = require('tailwindcss/colors')
|
|
|
|
module.exports = {
|
|
purge: [
|
|
'./js/**/*.js',
|
|
'../lib/plausible_web/templates/**/*.html.eex',
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
padding: '1rem',
|
|
},
|
|
extend: {
|
|
colors: {
|
|
orange: colors.orange,
|
|
'gray-850': 'rgb(26, 32, 44)',
|
|
'gray-825': 'rgb(37, 47, 63)'
|
|
},
|
|
spacing: {
|
|
'44': '11rem'
|
|
},
|
|
width: {
|
|
'31percent': '31%',
|
|
},
|
|
opacity: {
|
|
'15': '0.15',
|
|
},
|
|
zIndex: {
|
|
'9': 9,
|
|
},
|
|
maxWidth: {
|
|
'2xs': '16rem',
|
|
'3xs': '12rem',
|
|
}
|
|
},
|
|
},
|
|
variants: {
|
|
textColor: ['responsive', 'hover', 'focus', 'group-hover'],
|
|
display: ['responsive', 'hover', 'focus', 'group-hover'],
|
|
extend: {
|
|
textColor: ['dark'],
|
|
borderWidth: ['dark'],
|
|
backgroundOpacity: ['dark'],
|
|
display: ['dark'],
|
|
cursor: ['hover'],
|
|
justifyContent: ['responsive']
|
|
}
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
require('@tailwindcss/typography'),
|
|
require('@tailwindcss/aspect-ratio'),
|
|
]
|
|
}
|