paimon-moe-fork/tailwind.config.js

65 lines
1.8 KiB
JavaScript
Raw Normal View History

2020-10-21 23:03:33 +01:00
module.exports = {
purge: {
enabled: process.env.NODE_ENV === 'production',
content: ['./**/**/*.html', './**/**/*.svelte'],
options: {
whitelistPatterns: [/svelte-/],
defaultExtractor: (content) =>
[...content.matchAll(/(?:class:)*([\w\d-/:%.]+)/gm)].map(([_match, group, ..._rest]) => group),
},
},
theme: {
fontFamily: {
display: ['Catamaran', 'sans-serif'],
body: ['Poppins', 'sans-serif'],
},
extend: {
colors: {
background: '#202442',
'background-secondary': '#25294A',
item: '#2D325A',
primary: '#4E7CFF',
2020-10-26 22:39:26 +00:00
button: '#394076',
2020-10-21 23:03:33 +01:00
rare: {
2021-03-08 16:04:50 +00:00
from: '#D28FD6',
2020-10-21 23:03:33 +01:00
to: '#665680',
},
legendary: {
2021-03-08 13:49:22 +00:00
from: '#FFB13F',
2020-10-21 23:03:33 +01:00
to: '#846332',
},
},
borderRadius: {
xl: '12px',
'2xl': '16px',
},
boxShadow: {
rare: '0 0 0 3px rgba(173, 118, 176, 0.5)',
legendary: '0 0 0 3px rgba(185, 129, 46, 0.5)',
outline: '0 0 0 2px #4E7CFF',
select: '0 20px 16px rgba(0, 0, 0, 0.5)',
},
height: {
14: '3.5rem',
},
2021-01-08 07:25:59 +00:00
width: {
14: '3.5rem',
},
2020-10-21 23:03:33 +01:00
},
},
variants: {
textColor: ['responsive', 'hover', 'focus', 'group-hover', 'focus-within', 'group-focus'],
2020-10-26 20:06:59 +00:00
boxShadow: ['responsive', 'hover', 'focus'],
backgroundImage: ['responsive', 'hover', 'focus'],
2020-10-29 23:44:51 +00:00
borderColor: ['responsive', 'hover', 'focus', 'focus-within', 'disabled'],
opacity: ['group-hover', 'responsive', 'hover', 'focus', 'disabled'],
2021-01-08 07:25:59 +00:00
borderWidth: ['responsive', 'last', 'hover', 'focus'],
2021-04-30 02:13:59 +01:00
display: ['responsive', 'group-hover'],
2020-10-21 23:03:33 +01:00
},
plugins: [],
future: {
purgeLayersByDefault: true,
removeDeprecatedGapUtilities: true,
},
};