80 lines
1.7 KiB
JavaScript
80 lines
1.7 KiB
JavaScript
const colors = require('tailwindcss/colors')
|
|
|
|
module.exports = {
|
|
darkMode: 'class',
|
|
content: [
|
|
'./templates/**/*.html'
|
|
],
|
|
safelist: [
|
|
'lg:grid-cols-3',
|
|
'md:grid-cols-2',
|
|
'grid-cols-1',
|
|
],
|
|
|
|
important: true,
|
|
theme: {
|
|
fontSize: {
|
|
'xs': '.75rem',
|
|
'sm': '.875rem',
|
|
'tiny': '.875rem',
|
|
'base': '1rem',
|
|
'md': '1.05rem',
|
|
'lg': '1.125rem',
|
|
'xl': '1.25rem',
|
|
'2xl': '1.5rem',
|
|
'3xl': '1.875rem',
|
|
'4xl': '2.25rem',
|
|
'5xl': '3rem',
|
|
'6xl': '4rem',
|
|
'7xl': '5rem',
|
|
},
|
|
colors: {
|
|
transparent: 'transparent',
|
|
white: '#ffffff',
|
|
black: '#000000',
|
|
green: '#c7c7c7 ',
|
|
gray: colors.gray,
|
|
slate: colors.slate,
|
|
stone: colors.stone,
|
|
zinc: colors.zinc,
|
|
yellow: colors.yellow,
|
|
orange: colors.orange,
|
|
sky: colors.sky,
|
|
blue: {
|
|
'100': '#bbeeff',
|
|
'200': '#00aaff',
|
|
'300': '#0088ff',
|
|
'400': '#0033ff',
|
|
'500': '#0000ff',
|
|
'600': '#0000bb',
|
|
'700': '#0000aa',
|
|
'800': '#000088',
|
|
'900': '#000066',
|
|
},
|
|
|
|
},
|
|
extend: {
|
|
screens: {
|
|
'2xl': '1450px',
|
|
// => @media (min-width: 992px) { ... }
|
|
},
|
|
animation: {
|
|
'infinite-scroll': 'infinite-scroll 25s linear infinite',
|
|
},
|
|
keyframes: {
|
|
'infinite-scroll': {
|
|
from: { transform: 'translateX(0)' },
|
|
to: { transform: 'translateX(-100%)' },
|
|
}
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/aspect-ratio'),
|
|
// require("flyonui"),
|
|
], // if we add forms, do it here
|
|
}
|