Initial commit
This commit is contained in:
94
tailwind.config.js
Normal file
94
tailwind.config.js
Normal file
@@ -0,0 +1,94 @@
|
||||
const colors = require('tailwindcss/colors')
|
||||
|
||||
module.exports = {
|
||||
content: [
|
||||
'./templates/**/*.html'
|
||||
],
|
||||
safelist: [
|
||||
{
|
||||
pattern: /(-|)(ml|mr)-(4|8|12|16|20|24|28)/,
|
||||
variants: [
|
||||
'sm', 'md', 'lg',
|
||||
'first', 'first:sm', 'first:md', 'first:lg',
|
||||
'last', 'last:sm', 'last:md', 'last:lg'
|
||||
],
|
||||
},
|
||||
{
|
||||
pattern: /(pt|pb)-(0)/,
|
||||
variants: [
|
||||
'!', 'lg',
|
||||
'first', 'first:sm', 'first:md', 'first:lg',
|
||||
'last', 'last:sm', 'last:md', 'last:lg'
|
||||
],
|
||||
},
|
||||
{
|
||||
pattern: /bg-teal-(50|100|200|300|400|500|600|700|800|900)/, // Added teal color safelist
|
||||
}
|
||||
],
|
||||
|
||||
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
|
||||
}
|
Reference in New Issue
Block a user