custom.css•1.39 kB
@plugin "tailwindcss-safe-area";
@layer base {
button:not(:disabled),
[role="button"]:not(:disabled) {
cursor: pointer;
}
}
[role="menuitem"]:not(:disabled) {
cursor: pointer;
}
:root {
--warning: hsl(38 92% 50%);
--warning-foreground: hsl(48 96% 89%);
}
.dark {
--warning: hsl(48 96% 89%);
--warning-foreground: hsl(38 92% 50%);
}
@theme inline {
--color-warning: var(--warning);
--color-warning-foreground: var(--warning-foreground);
}
/** iOS Dynamic System Font Scaling */
@supports (-webkit-touch-callout: none) {
html {
font: -apple-system-body;
}
}
@layer utilities {
.text-balance {
text-wrap: balance;
}
}
/* 隐藏滚动条但保留滚动功能 */
.scrollbar-hide {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar {
display: none; /* Chrome, Safari and Opera */
}
@layer utilities {
/* 隐藏 Chrome, Safari 和 Opera 的滚动条 */
.no-scrollbar::-webkit-scrollbar {
display: none;
}
/* 隐藏 IE, Edge 和 Firefox 的滚动条 */
.no-scrollbar {
-ms-overflow-style: none; /* IE 和 Edge */
scrollbar-width: none; /* Firefox */
}
}
/* 首页 badge计数 动画 */
@keyframes shimmer {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.animate-shimmer {
animation: shimmer 1.5s infinite;
}