New color scheme and UI design

This commit is contained in:
Raphael Michel
2018-04-01 19:16:12 +02:00
parent 7bb18f6fad
commit ca603f41db
19 changed files with 451 additions and 48 deletions

View File

@@ -47,27 +47,27 @@
}
&.step-done .checkout-step-icon {
border: 1px solid $brand-success;
background: $brand-success;
border: 1px solid $brand-primary;
background: $brand-primary;
color: white;
}
&.step-done .checkout-step-label {
color: $brand-success;
color: $brand-primary;
}
&.step-done .checkout-step-bar-left, &.step-done .checkout-step-bar-right {
background: $brand-success;
background: $brand-primary;
}
&.step-current .checkout-step-icon {
border: 1px solid darken($brand-info, 20%);
background: darken($brand-info, 20%);
border: 1px solid $brand-primary;
background: $brand-primary;
color: white;
}
&.step-current .checkout-step-label {
color: darken($brand-info, 20%);
color: $brand-primary;
}
&.step-current .checkout-step-bar-left {
background: $brand-success;
background: $brand-primary;
}
&:last-child .checkout-step-bar-right,
&:first-child .checkout-step-bar-left {
@@ -83,4 +83,4 @@
.checkout-step-label {
display: none;
}
}
}

View File

@@ -1,2 +0,0 @@
$font-family-sans-serif: "Open Sans", "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$brand-primary: #8E44B3 !default;

View File

@@ -1,6 +1,6 @@
@import "_variables.scss";
@import "../../pretixbase/scss/colors.scss";
@import "../../pretixbase/scss/_variables.scss";
@import "../../bootstrap/scss/_bootstrap.scss";
@import "../../pretixbase/scss/_theme.scss";
@import "../../datetimepicker/_bootstrap-datetimepicker.scss";
@import "../../fontawesome/scss/font-awesome.scss";

View File

@@ -1,6 +1,7 @@
@import "../../pretixbase/scss/_variables.scss";
@import "../../bootstrap/scss/_bootstrap.scss";
@import "../../pretixbase/scss/_theme.scss";
@import "../../fontawesome/scss/font-awesome.scss";
@import "../../pretixbase/scss/colors.scss";
body {

View File

@@ -1,4 +1,4 @@
@import "_variables.scss";
@import "../../pretixbase/scss/_variables.scss";
@import "../../bootstrap/scss/bootstrap/variables";
@import "../../bootstrap/scss/bootstrap/mixins";