vbv/client/tailwind.config.js

64 lines
1.2 KiB
JavaScript

const colors = require('tailwindcss/colors')
module.exports = {
content: [
'./index.html',
'./src/**/*.{vue,js,ts,jsx,tsx}',
// '../server/vbv_lernwelt/**/*.{html,js}',
],
theme: {
fontFamily: {
sans: ['Buenos Aires', 'sans-serif'],
},
extend: {
spacing: {
'128': '32rem',
},
backgroundImage: {
}
},
colors: {
transparent: 'transparent',
current: 'currentColor',
'white': '#ffffff',
'blue': {
700: '#1A5197',
900: '#00224D',
},
'sky': {
400: '#72CAFF',
500: '#41B5FA',
},
'orange': {
500: '#FE955A',
600: '#F37F3E',
},
'green': {
500: '#3EDF9C',
600: '#17D29A',
},
'red': {
500: '#DE3618',
},
'gray': {
100: '#EDF2F6',
300: '#E0E5EC',
500: '#B1C1CA',
700: '#6F787E',
900: '#0A0A0A',
},
}
},
safelist: [{
pattern: /bg-(blue|sky|orange|green|red)-(400|500|600|700)/,
}, {
pattern: /bg-gray-(100|300|500|700|900)/,
},
'bg-blue-900',
],
plugins: [
require('@tailwindcss/typography'),
require('@tailwindcss/forms'),
],
}