You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
niisse-net/tailwind.config.js

66 lines
2.0 KiB
JavaScript

1 year ago
import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
const plugin = require('tailwindcss/plugin')
/** @type {import('tailwindcss').Config} */
export default {
content: [
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
'./storage/framework/views/*.php',
'./resources/views/**/*.blade.php',
],
theme: {
1 year ago
// screens: {
// 'sm': '600px',
// 'md': '950px',
// },
1 year ago
fontFamily: {
'display': ['ibm-vga'],
'body': ['ibm-vga'],
'sans': ['ibm-vga'],
},
extend: {
fontFamily: {
ibm: ['ibm-vga', ...defaultTheme.fontFamily.mono],
},
boxShadow: {
'pixel-sm': '2px 2px black',
'pixel-sm-hover': '2px 4px black',
1 year ago
'pixel-md': '4px 4px black',
'pixel-inset': 'inset 3px 3px var(--tw-shadow-color), inset -3px -3px var(--tw-shadow-color)'
1 year ago
},
dropShadow: {
'pixel-sm': '2px 2px var(--tw-shadow-color)',
'pixel-sm-hover': '2px 4px var(--tw-shadow-color)',
1 year ago
'card': '4px 4px var(--tw-shadow-color)',
'pixel-md': '2px 4px var(--tw-shadow-color)',
'pixel-lg': '2px 5px var(--tw-shadow-color)',
1 year ago
},
textShadow: {
sm: '2px 2px var(--tw-shadow-color)',
DEFAULT: '0px 2px var(--tw-shadow-color)',
1 year ago
md: '2px 5px var(--tw-shadow-color)',
lg: '0px 5px var(--tw-shadow-color)',
1 year ago
},
},
},
plugins: [
forms,
plugin(function ({matchUtilities, theme}) {
matchUtilities(
{
'text-shadow': (value) => ({
textShadow: value,
}),
},
{values: theme('textShadow')}
)
}),
],
}
;