Cleanup assets

This commit is contained in:
2024-04-14 13:22:29 +10:00
parent b788bce169
commit 0af38d688f
19 changed files with 336 additions and 247 deletions

View File

@@ -3,74 +3,81 @@
const colors = require("tailwindcss/colors");
module.exports = {
darkMode: 'class',
content: ["./app/templates/**/*.slim", "./slices/main/templates/**/*.slim", "./slices/admin/templates/**/*.slim", "./public/assets/index.js", "app/decorators/*/decorator.rb"],
darkMode: "class",
content: [
"./public/*.html",
"./app/views/**/*.rb",
"./app/templates/**/*",
"./slices/**/views/**/*.rb",
"./slices/**/templates/**/*",
"./app/decorators/*/decorator.rb",
],
safelist: [
{
pattern: /bg-(yellow|orange|green|lime|blue|pink|purple|indigo|emerald)-(50|100|800|900)/,
variants: ['hover', 'dark']
pattern:
/bg-(yellow|orange|green|lime|blue|pink|purple|indigo|emerald)-(50|100|800|900)/,
variants: ["hover", "dark"],
},
{
pattern: /text-(yellow|orange|green|lime|blue|pink|purple|indigo|emerald)-(400)/,
variants: ['hover', 'dark']
pattern:
/text-(yellow|orange|green|lime|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',
'8xl': '6rem',
xsm: "0.75rem",
sm: "0.8rem",
base: "1rem",
xl: "1.25rem",
"2xl": "1.563rem",
"3xl": "1.953rem",
"4xl": "2.441rem",
"5xl": "3.052rem",
"8xl": "6rem",
},
extend: {
gridTemplateColumns: {
'16': 'repeat(16, minmax(0, 1fr))',
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',
"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`
solid: `10px 10px 1px 2px`,
},
typography: {
DEFAULT: {
css: {
h1: {
'font-weight': 500
"font-weight": 500,
},
h2: {
'font-weight': 500
},
"font-weight": 500,
},
h3: {
'font-weight': 500
"font-weight": 500,
},
h2: {
'font-weight': 500
"font-weight": 500,
},
}
},
},
emphasis: {
css: {
css: {
em: {
colors: colors.pink['400']
colors: colors.pink["400"],
},
a: {
colors: colors.red['100']
}
}
}
}
colors: colors.red["100"],
},
},
},
},
},
},
plugins: [
require('@tailwindcss/typography'),
],
}
plugins: [require("@tailwindcss/typography")],
};