adrema-form/tailwind.config.js

37 lines
1.0 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.vue'],
theme: {
extend: {
colors: {
edit: {
DEFAULT: 'hsl(20, 77%, 55%)',
},
primary: {
DEFAULT: 'var(--primary)',
},
primaryfg: {
DEFAULT: 'var(--primaryfg)',
},
secondary: {
DEFAULT: 'var(--secondary)',
},
font: {
DEFAULT: 'var(--font)',
},
circle: {
DEFAULT: 'var(--circle)',
},
},
fontFamily: {
arvo: ['Arvo'],
nunito: ['Nunito'],
},
boxShadow: {
button: 'inset 0 -2px 0 rgba(255,255,255,0.2)',
},
},
},
plugins: [require('@tailwindcss/container-queries'), require('@tailwindcss/typography')],
};