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

@@ -200,7 +200,7 @@ div.mail-preview {
border-radius: 3px;
.placeholder {
background: transparentize($brand-warning, 0.6);
background: var(--pretix-brand-warning-transparent-60);
}
}

View File

@@ -393,7 +393,7 @@ table.dataTable thead .sorting:after {
a {
color: $brand-success;
&:hover {
color: darken($brand-success, 15%);
color: var(--pretix-brand-success-darken-15);
}
}
}
@@ -408,7 +408,7 @@ table.dataTable thead .sorting:after {
a {
color: $brand-danger;
&:hover {
color: darken($brand-danger, 15%);
color: var(--pretix-brand-danger-darken-15);
}
}
}
@@ -423,7 +423,7 @@ table.dataTable thead .sorting:after {
a {
color: $brand-warning;
&:hover {
color: darken($brand-warning, 15%);
color: var(--pretix-brand-warning-darken-15);
}
}
}

View File

@@ -1,4 +1,5 @@
@import "../../pretixbase/scss/_variables.scss";
@import "../../pretixbase/scss/_theme_variables.scss";
@import "../../pretixbase/scss/_bootstrap_vars.scss";
@import "../../bootstrap/scss/_bootstrap.scss";
@import "../../fontawesome/scss/font-awesome.scss";
@import "../../pretixbase/scss/_theme.scss";

View File

@@ -1,4 +1,5 @@
@import "../../pretixbase/scss/_variables.scss";
@import "../../pretixbase/scss/_theme_variables.scss";
@import "../../pretixbase/scss/_bootstrap_vars.scss";
@import "../../bootstrap/scss/_bootstrap.scss";
@import "../../fontawesome/scss/font-awesome.scss";
@import "../../pretixbase/scss/_theme.scss";
@@ -587,7 +588,7 @@ td > p:last-child,
text-align: center;
}
&.availability .progress-bar-success {
background: lighten($brand-success, 20%);
background: var(--pretix-brand-success-lighten-20);
}
}
.quotabox-more {