chore: update deps
This commit is contained in:
@@ -45,9 +45,10 @@
|
||||
"./*": "./*"
|
||||
},
|
||||
"dependencies": {
|
||||
"@iconify/json": "^2.2.213",
|
||||
"@iconify/json": "^2.2.214",
|
||||
"@iconify/tailwind": "^1.1.1",
|
||||
"@tailwindcss/forms": "^0.5.7",
|
||||
"@tailwindcss/typography": "^0.5.13",
|
||||
"autoprefixer": "^10.4.19",
|
||||
"cssnano": "^7.0.1",
|
||||
"postcss": "^8.4.38",
|
||||
|
@@ -4,8 +4,11 @@ import path from 'node:path';
|
||||
|
||||
import { addDynamicIconSelectors } from '@iconify/tailwind';
|
||||
import formsPlugin from '@tailwindcss/forms';
|
||||
import typographyPlugin from '@tailwindcss/typography';
|
||||
import { fs, getPackagesSync } from '@vben/node-utils';
|
||||
import animate from 'tailwindcss-animate';
|
||||
|
||||
import { plugins } from './plugins';
|
||||
// import defaultTheme from 'tailwindcss/defaultTheme';
|
||||
|
||||
const { packages } = getPackagesSync();
|
||||
@@ -27,7 +30,13 @@ export default {
|
||||
),
|
||||
],
|
||||
darkMode: 'class',
|
||||
plugins: [animate, formsPlugin, addDynamicIconSelectors()],
|
||||
plugins: [
|
||||
...plugins,
|
||||
animate,
|
||||
formsPlugin,
|
||||
typographyPlugin,
|
||||
addDynamicIconSelectors(),
|
||||
],
|
||||
prefix: '',
|
||||
safelist: ['dark'],
|
||||
theme: {
|
||||
@@ -59,7 +68,7 @@ export default {
|
||||
hover: 'hsl(var(--color-accent-hover))',
|
||||
},
|
||||
background: 'hsl(var(--color-background) / <alpha-value>)',
|
||||
body: 'hsl(var(--color-body) / <alpha-value>)',
|
||||
// body: 'hsl(var(--color-body) / <alpha-value>)',
|
||||
border: 'hsl(var(--color-border))',
|
||||
card: {
|
||||
DEFAULT: 'hsl(var(--color-card))',
|
||||
|
22
internal/tailwind-config/src/plugins.ts
Normal file
22
internal/tailwind-config/src/plugins.ts
Normal file
@@ -0,0 +1,22 @@
|
||||
import type { Config } from 'tailwindcss';
|
||||
|
||||
import plugin from 'tailwindcss/plugin';
|
||||
|
||||
const flexCenterStyles = {
|
||||
'align-items': 'center',
|
||||
display: 'flex',
|
||||
'justify-content': 'center',
|
||||
};
|
||||
|
||||
const plugins = [
|
||||
plugin(({ addUtilities }) => {
|
||||
addUtilities({
|
||||
'.flex-center': flexCenterStyles,
|
||||
'.flex-col-center': {
|
||||
...flexCenterStyles,
|
||||
},
|
||||
});
|
||||
}),
|
||||
] as unknown as Config['plugins'][];
|
||||
|
||||
export { plugins };
|
Reference in New Issue
Block a user