155 lines
2.2 KiB
CSS
155 lines
2.2 KiB
CSS
/* RS Button */
|
|
.button {
|
|
@apply w-fit rounded-lg flex justify-center items-center h-fit;
|
|
}
|
|
|
|
.button[class*="button-"]:disabled {
|
|
opacity: 0.3;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.button.button-primary {
|
|
@apply bg-primary text-white;
|
|
}
|
|
|
|
.button.button-secondary {
|
|
@apply bg-secondary text-white;
|
|
}
|
|
|
|
.button.button-success {
|
|
@apply bg-success text-white;
|
|
}
|
|
|
|
.button.button-info {
|
|
@apply bg-info text-white;
|
|
}
|
|
|
|
.button.button-warning {
|
|
@apply bg-warning text-white;
|
|
}
|
|
|
|
.button.button-danger {
|
|
@apply bg-danger text-white;
|
|
}
|
|
|
|
.button[class*="outline-"]:disabled {
|
|
opacity: 0.3;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.button.outline-primary {
|
|
@apply border border-primary text-primary;
|
|
}
|
|
|
|
.button.outline-primary:hover {
|
|
@apply bg-primary/5;
|
|
}
|
|
|
|
.button.outline-secondary {
|
|
@apply border border-secondary text-secondary;
|
|
}
|
|
|
|
.button.outline-secondary:hover {
|
|
@apply bg-secondary/5;
|
|
}
|
|
|
|
.button.outline-success {
|
|
@apply border border-success text-success;
|
|
}
|
|
|
|
.button.outline-success:hover {
|
|
@apply bg-success/5;
|
|
}
|
|
|
|
.button.outline-info {
|
|
@apply border border-info text-info;
|
|
}
|
|
|
|
.button.outline-info:hover {
|
|
@apply bg-info/5;
|
|
}
|
|
|
|
.button.outline-warning {
|
|
@apply border border-warning text-warning;
|
|
}
|
|
|
|
.button.outline-warning:hover {
|
|
@apply bg-warning/5;
|
|
}
|
|
|
|
.button.outline-danger {
|
|
@apply border border-danger text-danger;
|
|
}
|
|
|
|
.button.outline-danger:hover {
|
|
@apply bg-danger/5;
|
|
}
|
|
|
|
.button[class*="text-"]:disabled {
|
|
opacity: 0.3;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.button.texts-primary {
|
|
@apply text-primary;
|
|
}
|
|
|
|
.button.texts-primary:hover {
|
|
@apply bg-primary/10;
|
|
}
|
|
|
|
.button.texts-secondary {
|
|
@apply text-secondary;
|
|
}
|
|
|
|
.button.texts-secondary:hover {
|
|
@apply bg-secondary/10;
|
|
}
|
|
|
|
.button.texts-success {
|
|
@apply text-success;
|
|
}
|
|
|
|
.button.texts-success:hover {
|
|
@apply bg-success/10;
|
|
}
|
|
|
|
.button.texts-info {
|
|
@apply text-info;
|
|
}
|
|
|
|
.button.texts-info:hover {
|
|
@apply bg-info/10;
|
|
}
|
|
|
|
.button.texts-warning {
|
|
@apply text-warning;
|
|
}
|
|
|
|
.button.texts-warning:hover {
|
|
@apply bg-warning/10;
|
|
}
|
|
|
|
.button.texts-danger {
|
|
@apply text-danger;
|
|
}
|
|
|
|
.button.texts-danger:hover {
|
|
@apply bg-danger/10;
|
|
}
|
|
|
|
.button-sm {
|
|
@apply text-xs;
|
|
padding: var(--padding-btn);
|
|
}
|
|
|
|
.button-md {
|
|
@apply text-sm;
|
|
padding: var(--padding-btn);
|
|
}
|
|
|
|
.button-lg {
|
|
@apply text-base;
|
|
padding: var(--padding-btn);
|
|
}
|