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:
Raphael Michel
2024-06-25 13:01:20 +02:00
committed by GitHub
parent 7672e6274d
commit f0a06cd9fe
72 changed files with 867 additions and 1600 deletions

View File

@@ -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);
}
/**