splatoon3.ink/tailwind.config.js
2022-10-19 20:09:43 -07:00

42 lines
860 B
JavaScript

const plugin = require("tailwindcss/plugin");
module.exports = {
content: [
'./index.html',
'./src/**/*.{vue,js}',
],
theme: {
extend: {
colors: {
splatoon: {
blue: '#603bff',
purple: '#af50ff',
yellow: '#eaff3d',
green: '#6af7ce',
orange: '#ff9750',
red: '#ff505e',
brown: '#7f413f',
battle: {
regular: '#19d719',
ranked: '#f54910',
league: '#f02d7d',
},
salmonRun: '#ff5600',
},
},
fontFamily: {
splatoon1: 'var(--font-family-s1)',
splatoon2: 'var(--font-family-s2)',
},
},
},
plugins: [
plugin(function({ addVariant }) {
addVariant('mobile', 'body.is-mobile &');
addVariant('ss', 'body.for-screenshots &');
})
]
}