2023-07-11 10:38:21 +03:00
|
|
|
.ui
|
2023-07-26 14:07:17 +03:00
|
|
|
&-btn,
|
|
|
|
|
&-alert
|
|
|
|
|
@apply bg-white
|
2023-07-11 10:38:21 +03:00
|
|
|
&.primary
|
2023-07-26 14:07:17 +03:00
|
|
|
@apply bg-primary border-primary text-white
|
2023-07-11 10:38:21 +03:00
|
|
|
&.accent
|
2023-07-26 14:07:17 +03:00
|
|
|
@apply bg-accent border-accent text-white
|
|
|
|
|
&.info
|
|
|
|
|
@apply bg-info border-info text-white
|
|
|
|
|
&.success
|
|
|
|
|
@apply bg-success border-success text-white
|
|
|
|
|
&.warning
|
|
|
|
|
@apply bg-warning border-warning text-white
|
|
|
|
|
&.error
|
|
|
|
|
@apply bg-error border-error text-white
|
2023-07-11 10:38:21 +03:00
|
|
|
&.dark
|
2023-07-26 14:07:17 +03:00
|
|
|
@apply bg-dark border-dark text-white
|
2023-07-11 10:38:21 +03:00
|
|
|
&.light
|
2023-07-26 14:07:17 +03:00
|
|
|
@apply bg-light
|
2023-07-11 10:38:21 +03:00
|
|
|
&:disabled
|
|
|
|
|
@apply text-white bg-light border-light
|
2023-07-26 14:07:17 +03:00
|
|
|
|
|
|
|
|
&-field
|
2023-07-27 15:36:52 +03:00
|
|
|
.input
|
|
|
|
|
@apply bg-white text-dark
|
2023-07-26 14:07:17 +03:00
|
|
|
&.error
|
|
|
|
|
.label,
|
|
|
|
|
.input,
|
|
|
|
|
.message
|
|
|
|
|
@apply text-error border-error
|
2023-07-27 15:36:52 +03:00
|
|
|
&:disabled
|
2023-07-26 14:07:17 +03:00
|
|
|
.input
|
|
|
|
|
@apply bg-light/10 text-dark/60
|
2023-07-27 15:36:52 +03:00
|
|
|
&-btn
|
|
|
|
|
@apply outline-none
|
|
|
|
|
&:hover:not(:active)
|
|
|
|
|
@apply bg-opacity-80
|
2023-07-26 14:07:17 +03:00
|
|
|
|
2023-07-11 10:38:21 +03:00
|
|
|
&-btn,
|
2023-07-26 14:07:17 +03:00
|
|
|
&-alert,
|
2023-07-27 15:36:52 +03:00
|
|
|
&-field .input,
|
|
|
|
|
&-card
|
2023-07-11 10:38:21 +03:00
|
|
|
@apply rounded
|
