entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 8 Releases Wiki Activity

scss: introduce %inverted-button & $cancel-button-style (#51789)

This commit is contained in:
Thomas Jund 2022-04-07 11:32:28 +02:00
parent 5c9dae0b41
commit ec1ddb68ac
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
static/includes/_forms.scss
View File

@ -23,6 +23,7 @@ $widget-focus-box-shadow: none !default;
$button-focus-outline: $widget-focus-outline !default;
$button-focus-outline-offset: $widget-focus-outline-offset !default;
$cancel-button-style: "%button" !default; // "%button" || "%inverted-button" || .custom-selector
$widget-custom-radio-checkbox: false !default;
$widget-custom-radio-checkbox-color: $button-background !default;
@ -216,8 +217,24 @@ div.buttons div {
}
}
%cancel-button {
%inverted-button {
@extend %button;
background-color: $button-color;
color: $button-background;
@if (extract-color($button-border) == transparent)
and (lightness($button-color) > 90%) {
border: 1px solid $button-background;
} @else {
border: $button-border;
}
&:hover {
background: $button-hover-color;
color: $button-hover-background;
}
}
%cancel-button {
@extend #{$cancel-button-style};
}
.fargo-pick-popup button,