46 lines
1.0 KiB
SCSS
46 lines
1.0 KiB
SCSS
|
$u-button-active-opacity:0.75 !default;
|
||
|
|
$u-button-loading-text-margin-left:4px !default;
|
||
|
|
$u-button-text-color: #FFFFFF !default;
|
||
|
|
$u-button-text-plain-error-color:$u-error !default;
|
||
|
|
$u-button-text-plain-warning-color:$u-warning !default;
|
||
|
|
$u-button-text-plain-success-color:$u-success !default;
|
||
|
|
$u-button-text-plain-info-color:$u-info !default;
|
||
|
|
$u-button-text-plain-primary-color:$u-primary !default;
|
||
|
|
.u-button {
|
||
|
|
&--active {
|
||
|
|
opacity: $u-button-active-opacity;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--active--plain {
|
||
|
|
background-color: rgb(217, 217, 217);
|
||
|
|
}
|
||
|
|
|
||
|
|
&__loading-text {
|
||
|
|
margin-left:$u-button-loading-text-margin-left;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__text,
|
||
|
|
&__loading-text {
|
||
|
|
color:$u-button-text-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__text--plain--error {
|
||
|
|
color:$u-button-text-plain-error-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__text--plain--warning {
|
||
|
|
color:$u-button-text-plain-warning-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__text--plain--success{
|
||
|
|
color:$u-button-text-plain-success-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__text--plain--info {
|
||
|
|
color:$u-button-text-plain-info-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__text--plain--primary {
|
||
|
|
color:$u-button-text-plain-primary-color;
|
||
|
|
}
|
||
|
|
}
|