2026-06-01 15:10:35 +08:00
|
|
|
/* Button */
|
|
|
|
|
@layer components {
|
|
|
|
|
.btn,
|
|
|
|
|
.btn-primary,
|
|
|
|
|
.btn-secondary,
|
|
|
|
|
.btn-outline,
|
|
|
|
|
.btn-ghost,
|
|
|
|
|
.btn-link,
|
|
|
|
|
.btn-destructive,
|
|
|
|
|
.btn-xs,
|
|
|
|
|
.btn-xs-primary,
|
|
|
|
|
.btn-xs-secondary,
|
|
|
|
|
.btn-xs-outline,
|
|
|
|
|
.btn-xs-ghost,
|
|
|
|
|
.btn-xs-link,
|
|
|
|
|
.btn-xs-destructive,
|
|
|
|
|
.btn-sm,
|
|
|
|
|
.btn-sm-primary,
|
|
|
|
|
.btn-sm-secondary,
|
|
|
|
|
.btn-sm-outline,
|
|
|
|
|
.btn-sm-ghost,
|
|
|
|
|
.btn-sm-link,
|
|
|
|
|
.btn-sm-destructive,
|
|
|
|
|
.btn-lg,
|
|
|
|
|
.btn-lg-primary,
|
|
|
|
|
.btn-lg-secondary,
|
|
|
|
|
.btn-lg-outline,
|
|
|
|
|
.btn-lg-ghost,
|
|
|
|
|
.btn-lg-link,
|
|
|
|
|
.btn-lg-destructive,
|
|
|
|
|
.btn-icon,
|
|
|
|
|
.btn-icon-primary,
|
|
|
|
|
.btn-icon-secondary,
|
|
|
|
|
.btn-icon-outline,
|
|
|
|
|
.btn-icon-ghost,
|
|
|
|
|
.btn-icon-link,
|
|
|
|
|
.btn-icon-destructive,
|
|
|
|
|
.btn-xs-icon,
|
|
|
|
|
.btn-xs-icon-primary,
|
|
|
|
|
.btn-xs-icon-secondary,
|
|
|
|
|
.btn-xs-icon-outline,
|
|
|
|
|
.btn-xs-icon-ghost,
|
|
|
|
|
.btn-xs-icon-link,
|
|
|
|
|
.btn-xs-icon-destructive,
|
|
|
|
|
.btn-sm-icon,
|
|
|
|
|
.btn-sm-icon-primary,
|
|
|
|
|
.btn-sm-icon-secondary,
|
|
|
|
|
.btn-sm-icon-outline,
|
|
|
|
|
.btn-sm-icon-ghost,
|
|
|
|
|
.btn-sm-icon-link,
|
|
|
|
|
.btn-sm-icon-destructive,
|
|
|
|
|
.btn-lg-icon,
|
|
|
|
|
.btn-lg-icon-primary,
|
|
|
|
|
.btn-lg-icon-secondary,
|
|
|
|
|
.btn-lg-icon-outline,
|
|
|
|
|
.btn-lg-icon-ghost,
|
|
|
|
|
.btn-lg-icon-link,
|
|
|
|
|
.btn-lg-icon-destructive {
|
2026-06-03 18:59:21 +08:00
|
|
|
@apply inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0;
|
2026-06-01 15:10:35 +08:00
|
|
|
}
|
|
|
|
|
}
|
