mirror of
https://github.com/pretix/pretix.git
synced 2026-05-06 15:24:02 +00:00
Replace SCSS compilation with CSS variables (#4191)
* Replace SCSS compilation with CSS variables * Update tests * Update src/pretix/presale/style.py Co-authored-by: Mira <weller@rami.io> * Update src/pretix/presale/context.py Co-authored-by: Mira <weller@rami.io> * Update src/pretix/presale/views/widget.py Co-authored-by: Mira <weller@rami.io> * Update src/pretix/presale/context.py Co-authored-by: Mira <weller@rami.io> * Update src/pretix/static/pretixbase/scss/_variables.scss Co-authored-by: Richard Schreiber <schreiber@rami.io> * Last minor changes * Rename file --------- Co-authored-by: Mira <weller@rami.io> Co-authored-by: Richard Schreiber <schreiber@rami.io>
This commit is contained in:
@@ -90,8 +90,8 @@ $s2bs-form-control-transition: border-color ease-in-out .15s, box-shadow ease-in
|
||||
|
||||
// @see http://getbootstrap.com/css/#forms-control-validation
|
||||
// @see https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_forms.scss#L388
|
||||
@mixin validation-state-focus($color) {
|
||||
$shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($color, 20%);
|
||||
@mixin validation-state-focus($color, $color-shadow, $color-hover) {
|
||||
$shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px $color-shadow;
|
||||
|
||||
.select2-dropdown,
|
||||
.select2-selection {
|
||||
@@ -101,14 +101,14 @@ $s2bs-form-control-transition: border-color ease-in-out .15s, box-shadow ease-in
|
||||
.select2-container--focus .select2-selection,
|
||||
.select2-container--open .select2-selection {
|
||||
@include box-shadow($shadow);
|
||||
border-color: darken($color, 10%);
|
||||
border-color: $color-hover;
|
||||
}
|
||||
|
||||
&.select2-drop-active {
|
||||
border-color: darken($color, 10%);
|
||||
border-color: $color-hover;
|
||||
|
||||
&.select2-drop.select2-drop-above {
|
||||
border-top-color: darken($color, 10%);
|
||||
border-top-color: $color-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -724,15 +724,15 @@ $s2bs-form-control-transition: border-color ease-in-out .15s, box-shadow ease-in
|
||||
*/
|
||||
|
||||
.has-warning {
|
||||
@include validation-state-focus($state-warning-text);
|
||||
@include validation-state-focus($state-warning-text, $state-warning-shadow, $state-warning-text-hover);
|
||||
}
|
||||
|
||||
.has-error {
|
||||
@include validation-state-focus($state-danger-text);
|
||||
@include validation-state-focus($state-danger-text, $state-danger-shadow, $state-danger-text-hover);
|
||||
}
|
||||
|
||||
.has-success {
|
||||
@include validation-state-focus($state-success-text);
|
||||
@include validation-state-focus($state-success-text, $state-success-shadow, $state-success-text-hover);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user