62 lines
1.3 KiB
CSS
62 lines
1.3 KiB
CSS
.ui-button {
|
|
@apply transition-all duration-200;
|
|
}
|
|
|
|
.ui-button--full-width {
|
|
@apply !w-full;
|
|
}
|
|
|
|
.ui-button--dominant.p-button {
|
|
@apply !bg-dominant-500 border-dominant-500 font-normal text-sm !text-white;
|
|
}
|
|
|
|
.ui-button--dominant.p-button:hover {
|
|
@apply !bg-dominant-600 !border-dominant-600;
|
|
}
|
|
|
|
.ui-button--dominant.p-button:active {
|
|
@apply !bg-dominant-600 !border-dominant-600;
|
|
}
|
|
|
|
.ui-button--dominant.p-button:focus {
|
|
box-shadow: 0 0 0 2px rgb(128 14 19 / 0.2);
|
|
}
|
|
|
|
.ui-button--dominant.p-button.p-button-outlined {
|
|
@apply bg-transparent text-dominant-500 border-dominant-500;
|
|
}
|
|
|
|
.ui-button--dominant.p-button.p-button-outlined:hover {
|
|
@apply bg-dominant-500 text-white;
|
|
}
|
|
|
|
.ui-button--dominant.p-button.p-button-text {
|
|
@apply bg-transparent text-dominant-500 border-transparent;
|
|
}
|
|
|
|
.ui-button--dominant.p-button.p-button-text:hover {
|
|
background-color: rgba(128, 14, 19, 0.1);
|
|
}
|
|
|
|
|
|
|
|
.ui-button--success.p-button {
|
|
@apply !bg-complement-700 !border-complement-700 !text-white;
|
|
}
|
|
|
|
.ui-button--success.p-button:focus {
|
|
box-shadow: 0 0 0 2px rgb(87 105 137 / 0.25);
|
|
}
|
|
|
|
.ui-button-icon {
|
|
@apply transition-all duration-200;
|
|
}
|
|
|
|
.ui-button--with-end-icon .p-button-label {
|
|
@apply relative;
|
|
}
|
|
|
|
.ui-button-icon-end {
|
|
@apply transition-all duration-200 ml-2;
|
|
}
|