fix: tailwindcss config
parent
195b2ea0d2
commit
f443bfbc7b
|
|
@ -380,6 +380,13 @@
|
||||||
@apply hidden;
|
@apply hidden;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Tailwind v4 Preflight 不再为 button 默认设置 pointer;见官方升级说明:
|
||||||
|
* https://tailwindcss.com/docs/upgrade-guide#buttons-use-the-default-cursor */
|
||||||
|
button:not(:disabled),
|
||||||
|
[role='button']:not(:disabled) {
|
||||||
|
@apply cursor-pointer;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Custom utilities (v4 @utility syntax) */
|
/* Custom utilities (v4 @utility syntax) */
|
||||||
|
|
@ -396,7 +403,9 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Component styles (complex selectors, not convertible to @utility) */
|
/* Tailwind v4 的 utilities 在 @layer 内;组件样式若留在 layer 外(unlayered),会按层叠规则压过 py-4 等工具类。
|
||||||
|
* 见:https://tailwindcss.com/docs/adding-custom-styles#using-css-and-layering */
|
||||||
|
@layer components {
|
||||||
.outline-box {
|
.outline-box {
|
||||||
@apply outline-border relative cursor-pointer rounded-md p-1 outline-1;
|
@apply outline-border relative cursor-pointer rounded-md p-1 outline-1;
|
||||||
}
|
}
|
||||||
|
|
@ -424,6 +433,7 @@
|
||||||
.card-box {
|
.card-box {
|
||||||
@apply bg-card text-card-foreground border-border rounded-xl border;
|
@apply bg-card text-card-foreground border-border rounded-xl border;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Enter animations (converted from enterAnimationPlugin) */
|
/* Enter animations (converted from enterAnimationPlugin) */
|
||||||
@keyframes enter-x-animation {
|
@keyframes enter-x-animation {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue