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

@@ -1,8 +1,9 @@
/* before variables.scss because it only affects presale, not control */
// before variables.scss because it only affects presale, not control
$body-bg: #f5f5f5 !default;
/* imports */
@import "../../pretixbase/scss/_variables.scss";
@import "../../pretixbase/scss/_theme_variables.scss";
@import "../../pretixbase/scss/bootstrap_vars.scss";
@import "../../bootstrap/scss/_bootstrap_reduced.scss";
@import "../../pretixbase/scss/_theme.scss";
@import "../../lightbox/css/lightbox.scss";
@@ -111,8 +112,8 @@ footer nav .btn-link {
font-size: 40px;
}
a:hover .panel-primary > .panel-heading {
background-color: darken($btn-primary-bg, 10%);
border-color: darken($btn-primary-border, 12%);
background-color: var(--pretix-brand-primary-darken-10);
border-color: var(--pretix-brand-primary-darken-17);
}
.thank-you {
@@ -394,7 +395,7 @@ details.details-open .panel-title::before {
}
.panel-primary .panel-title a[data-toggle="collapse"]:hover {
background-color: darken($btn-primary-bg, 10%);
background-color: var(--pretix-brand-primary-darken-10);
}
.panel-title a.h6 {
@@ -496,7 +497,7 @@ h2 .label {
text-align: center;
}
&.availability .progress-bar-success {
background: lighten($brand-success, 20%);
background: var(--brand-success-lighten-20);
}
}