onedrive/tailwind.config.js
2023-01-26 15:36:53 +08:00

44 lines
1.1 KiB
JavaScript

const defaultTheme = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')
const siteConfig = require('./config/site.config')
module.exports = {
content: ['./src/**/*.{js,ts,jsx,tsx}'],
theme: {
colors: {
transparent: 'transparent',
current: 'currentColor',
black: colors.black,
white: colors.white,
gray: colors.zinc,
red: colors.rose,
yellow: colors.amber,
green: colors.green,
blue: colors.sky,
indigo: colors.indigo,
purple: colors.purple,
pink: colors.pink,
teal: colors.teal,
cyan: colors.cyan,
orange: colors.orange,
},
extend: {
fontFamily: {
sans: [`"${siteConfig.googleFontSans}"`, '"Noto Sans SC"', ...defaultTheme.fontFamily.sans],
mono: [`"${siteConfig.googleFontMono}"`, ...defaultTheme.fontFamily.mono]
},
colors: {
gray: {
850: '#222226'
}
},
animation: {
'spin-slow': 'spin 5s linear infinite',
}
}
},
plugins: [
require('@tailwindcss/line-clamp'),
],
}