35 lines
953 B
CSS
35 lines
953 B
CSS
/* Brainwave 样式文件 */
|
|
/* Tailwind 由 Hero UI 内部处理，这里只保留自定义样式 */
|
|
|
|
body {
|
|
}
|
|
|
|
/* styles for splide carousel */
|
|
@layer components {
|
|
.splide-custom .splide__arrow {
|
|
@apply relative top-0 left-0 right-0 flex items-center justify-center w-12 h-12 bg-transparent border border-solid border-n-4/50 rounded-full transform-none transition-colors hover:border-n-3;
|
|
}
|
|
|
|
.splide-custom .splide__arrow:hover svg {
|
|
@apply fill-n-1;
|
|
}
|
|
|
|
.splide-custom .splide__arrow svg {
|
|
@apply w-4 h-4 fill-n-4 transform-none transition-colors;
|
|
}
|
|
|
|
.splide-visible .splide__track {
|
|
@apply overflow-visible;
|
|
}
|
|
|
|
.splide-pricing .splide__list {
|
|
@apply lg:grid !important;
|
|
@apply lg:grid-cols-3 lg:gap-4;
|
|
}
|
|
|
|
.splide-benefits .splide__list {
|
|
@apply md:grid !important;
|
|
@apply md:grid-cols-3 md:gap-x-10 md:gap-y-[4.5rem] xl:gap-y-[6rem];
|
|
}
|
|
}
|