|
|
|
|
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: {
|
|
|
|
|
// screens: {
|
|
|
|
|
// 'sm': '600px',
|
|
|
|
|
// 'md': '950px',
|
|
|
|
|
// },
|
|
|
|
|
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',
|
|
|
|
|
'pixel-md': '4px 4px black'
|
|
|
|
|
},
|
|
|
|
|
dropShadow: {
|
|
|
|
|
'pixel-sm': '2px 2px var(--tw-shadow-color)',
|
|
|
|
|
'pixel-sm-hover': '2px 4px var(--tw-shadow-color)',
|
|
|
|
|
'card': '4px 4px var(--tw-shadow-color)',
|
|
|
|
|
'pixel-md': '2px 4px var(--tw-shadow-color)',
|
|
|
|
|
'pixel-lg': '2px 5px var(--tw-shadow-color)',
|
|
|
|
|
},
|
|
|
|
|
textShadow: {
|
|
|
|
|
sm: '2px 2px var(--tw-shadow-color)',
|
|
|
|
|
DEFAULT: '0px 2px var(--tw-shadow-color)',
|
|
|
|
|
md: '2px 5px var(--tw-shadow-color)',
|
|
|
|
|
lg: '0px 5px var(--tw-shadow-color)',
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
plugins: [
|
|
|
|
|
forms,
|
|
|
|
|
plugin(function ({matchUtilities, theme}) {
|
|
|
|
|
matchUtilities(
|
|
|
|
|
{
|
|
|
|
|
'text-shadow': (value) => ({
|
|
|
|
|
textShadow: value,
|
|
|
|
|
}),
|
|
|
|
|
},
|
|
|
|
|
{values: theme('textShadow')}
|
|
|
|
|
)
|
|
|
|
|
}),
|
|
|
|
|
],
|
|
|
|
|
}
|
|
|
|
|
;
|
