60 lines
1.4 KiB
JavaScript
60 lines
1.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
|
|
const colors = require("tailwindcss/colors");
|
|
|
|
module.exports = {
|
|
darkMode: 'class',
|
|
content: ["./app/templates/**/*.slim", "./slices/admin/templates/**/*.slim", "./public/assets/index.js", "app/decorators/*/decorator.rb"],
|
|
safelist: [
|
|
{
|
|
pattern: /bg-(yellow|orange|green|blue|pink|purple|indigo|emerald)-(50|100|800|900)/,
|
|
variants: ['hover', 'dark']
|
|
},
|
|
{
|
|
pattern: /text-(yellow|orange|green|blue|pink|purple|indigo|emerald)-(400)/,
|
|
variants: ['hover', 'dark']
|
|
},
|
|
],
|
|
theme: {
|
|
fontSize: {
|
|
xsm: '0.75rem',
|
|
sm: '0.8rem',
|
|
base: '1rem',
|
|
xl: '1.25rem',
|
|
'2xl': '1.563rem',
|
|
'3xl': '1.953rem',
|
|
'4xl': '2.441rem',
|
|
'5xl': '3.052rem',
|
|
},
|
|
extend: {
|
|
gridTemplateColumns: {
|
|
'16': 'repeat(16, minmax(0, 1fr))',
|
|
},
|
|
gridColumn: {
|
|
'span-13': 'span 13 / span 13',
|
|
'span-14': 'span 14 / span 14',
|
|
'span-15': 'span 15 / span 15',
|
|
'span-16': 'span 16 / span 16',
|
|
},
|
|
boxShadow: {
|
|
'solid': `10px 10px 1px 2px`
|
|
},
|
|
typography: {
|
|
emphasis: {
|
|
css: {
|
|
em: {
|
|
colors: colors.pink['400']
|
|
},
|
|
a: {
|
|
colors: colors.red['100']
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/typography'),
|
|
],
|
|
}
|