This commit is contained in:
@@ -7,6 +7,7 @@
|
|||||||
body
|
body
|
||||||
{
|
{
|
||||||
@apply overflow-x-clip;
|
@apply overflow-x-clip;
|
||||||
|
@apply font-jpSans;
|
||||||
}
|
}
|
||||||
|
|
||||||
a
|
a
|
||||||
|
|||||||
+34
-28
@@ -2,35 +2,41 @@
|
|||||||
import type { Config } from 'tailwindcss'
|
import type { Config } from 'tailwindcss'
|
||||||
|
|
||||||
import { DARK_COLOUR_SHADE,
|
import { DARK_COLOUR_SHADE,
|
||||||
LIGHT_COLOUR_SHADE,
|
LIGHT_COLOUR_SHADE,
|
||||||
TAG_COLOUR } from './src/consts'
|
TAG_COLOUR } from './src/consts'
|
||||||
|
|
||||||
const colours = Object.values (TAG_COLOUR)
|
const colours = Object.values (TAG_COLOUR)
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
content: ['./src/**/*.{html,js,ts,jsx,tsx}'],
|
content: ['./src/**/*.{html,js,ts,jsx,tsx}'],
|
||||||
safelist: [...colours.map (c => `text-${ c }-${ LIGHT_COLOUR_SHADE }`),
|
safelist: [...colours.map (c => `text-${ c }-${ LIGHT_COLOUR_SHADE }`),
|
||||||
...colours.map (c => `hover:text-${ c }-${ LIGHT_COLOUR_SHADE - 200 }`),
|
...colours.map (c => `hover:text-${ c }-${ LIGHT_COLOUR_SHADE - 200 }`),
|
||||||
...colours.map (c => `dark:text-${ c }-${ DARK_COLOUR_SHADE }`),
|
...colours.map (c => `dark:text-${ c }-${ DARK_COLOUR_SHADE }`),
|
||||||
...colours.map (c => `dark:hover:text-${ c }-${ DARK_COLOUR_SHADE - 200 }`)],
|
...colours.map (c => `dark:hover:text-${ c }-${ DARK_COLOUR_SHADE - 200 }`)],
|
||||||
theme: {
|
theme: {
|
||||||
extend: {
|
extend: {
|
||||||
animation: {
|
animation: {
|
||||||
'rainbow-scroll': 'rainbow-scroll .25s linear infinite',
|
'rainbow-scroll': 'rainbow-scroll .25s linear infinite' },
|
||||||
},
|
colors: {
|
||||||
colors: {
|
red: { 925: '#5f1414',
|
||||||
red: {
|
975: '#230505' } },
|
||||||
925: '#5f1414',
|
keyframes: {
|
||||||
975: '#230505',
|
'rainbow-scroll': {
|
||||||
}
|
'0%': { backgroundPosition: '0% 50%' },
|
||||||
},
|
'100%': { backgroundPosition: '200% 50%' } } },
|
||||||
keyframes: {
|
fontFamily: {
|
||||||
'rainbow-scroll': {
|
jpSans: ['Noto Sans JP',
|
||||||
'0%': { backgroundPosition: '0% 50%' },
|
'Hiragino Kaku Gothic ProN',
|
||||||
'100%': { backgroundPosition: '200% 50%' },
|
'ヒラギノ角ゴ ProN W3',
|
||||||
},
|
'Yu Gothic',
|
||||||
},
|
'游ゴシック体',
|
||||||
}
|
'Meiryo',
|
||||||
},
|
'sans-serif'],
|
||||||
plugins: [],
|
jpSerif: ['Noto Serif JP',
|
||||||
} satisfies Config
|
'Hiragino Mincho ProN',
|
||||||
|
'ヒラギノ明朝 ProN W3',
|
||||||
|
'Yu Mincho',
|
||||||
|
'游明朝',
|
||||||
|
'MS PMincho',
|
||||||
|
'serif'] } } },
|
||||||
|
plugins: [] } satisfies Config
|
||||||
|
|||||||
Reference in New Issue
Block a user