vbv/client/tailwind.config.js

66 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,py}',
],
theme: {
fontFamily: {
sans: ['Buenos Aires', 'sans-serif'],
},
extend: {
spacing: {
'128': '32rem',
},
backgroundImage: {
}
},
colors: {
transparent: 'transparent',
current: 'currentColor',
'white': '#ffffff',
'black': '#0A0A0A',
'blue': {
700: '#2957A6',
900: '#00224D',
},
'sky': {
400: '#72CAFF',
500: '#41B5FA',
},
'orange': {
500: '#FE955A',
600: '#E68B4E',
},
'green': {
500: '#54CE8B',
600: '#5BB782',
},
'red': {
500: '#EF7D68',
},
'gray': {
200: '#EDF2F6',
300: '#E0E5EC',
500: '#B1C1CA',
700: '#6F787E',
900: '#585F63',
},
}
},
safelist: [{
pattern: /bg-(blue|sky|orange|green|red)-(400|500|600|700)/,
}, {
pattern: /bg-gray-(100|300|500|700|900)/,
},
'bg-blue-900',
'it-icon',
],
plugins: [
require('@tailwindcss/typography'),
require('@tailwindcss/forms'),
],
}