41 lines
1.7 KiB
JavaScript
41 lines
1.7 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
import PrimeUI from 'tailwindcss-primeui';
|
|
import plugin from 'tailwindcss/plugin';
|
|
|
|
export default {
|
|
darkMode: ['selector', '[class~="p-dark"]'],
|
|
content: ['./components/**/*.{js,vue,ts}', './doc/**/*.{js,vue,ts}', './plex/**/*.{js,vue,ts}', './layouts/**/*.vue', './pages/**/*.vue', './plugins/**/*.{js,ts}', './nuxt.config.{js,ts}', './app.vue', './error.vue'],
|
|
plugins: [
|
|
PrimeUI,
|
|
plugin(function ({ addVariant }) {
|
|
addVariant('p-invalid', '&[data-p~="invalid"]');
|
|
addVariant('p-small', '&[data-p~="small"]');
|
|
addVariant('p-large', '&[data-p~="large"]');
|
|
addVariant('p-fluid', '&[data-p~="fluid"]');
|
|
addVariant('p-filled', '&[data-p~="filled"]');
|
|
addVariant('p-horizontal', '&[data-p~="horizontal"]');
|
|
addVariant('p-vertical', '&[data-p~="vertical"]');
|
|
addVariant('p-checked', '&[data-p~="checked"]');
|
|
addVariant('p-disabled', '&[data-p~="disabled"]');
|
|
addVariant('p-enabled', '&:not([data-p~="disabled"])');
|
|
addVariant('p-left', '&[data-p~="left"]');
|
|
addVariant('p-right', '&[data-p~="right"]');
|
|
addVariant('p-top', '&[data-p~="top"]');
|
|
addVariant('p-bottom', '&[data-p~="bottom"]');
|
|
addVariant('p-alternate', '&[data-p~="alternate"]');
|
|
addVariant('p-active', '&[data-p~="active"]');
|
|
addVariant('p-focus-visible', '&[data-p~="focus-visible"]');
|
|
addVariant('p-readonly', '&[data-p~="readonly"]');
|
|
})
|
|
],
|
|
theme: {
|
|
screens: {
|
|
sm: '576px',
|
|
md: '768px',
|
|
lg: '992px',
|
|
xl: '1200px',
|
|
'2xl': '1920px'
|
|
}
|
|
}
|
|
};
|