DEV: Use variables and change selector specificity for pro button
Dieser Commit ist enthalten in:
Ursprung
628d3f31db
Commit
0ed9e896a5
2 geänderte Dateien mit 9 neuen und 11 gelöschten Zeilen
|
@ -2,6 +2,7 @@
|
||||||
@import "wizard-manager";
|
@import "wizard-manager";
|
||||||
@import "wizard-api";
|
@import "wizard-api";
|
||||||
@import "common/components/buttons";
|
@import "common/components/buttons";
|
||||||
|
@import "wizard-variables";
|
||||||
|
|
||||||
.admin-wizard-controls {
|
.admin-wizard-controls {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -712,25 +713,20 @@
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-pavilion-pro {
|
.btn.btn-pavilion-pro {
|
||||||
background: #3c1c8c;
|
background: $pavilion-primary;
|
||||||
color: white;
|
color: $pavilion-secondary;
|
||||||
|
|
||||||
.d-icon {
|
.d-icon {
|
||||||
color: white;
|
color: $pavilion-secondary;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
background: #2d1569 !important;
|
background: darken($pavilion-primary, 5%);
|
||||||
color: rgba(white, 0.8);
|
|
||||||
&[href],
|
&[href],
|
||||||
svg.d-icon {
|
svg.d-icon {
|
||||||
color: rgba(white, 0.85) !important;
|
color: darken($pavilion-secondary, 10%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&[href] {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
2
assets/stylesheets/common/wizard-variables.scss
Normale Datei
2
assets/stylesheets/common/wizard-variables.scss
Normale Datei
|
@ -0,0 +1,2 @@
|
||||||
|
$pavilion-primary: #3c1c8c;
|
||||||
|
$pavilion-secondary: #fff;
|
Laden …
In neuem Issue referenzieren