1
0
Fork 0

DEV: Use variables and change selector specificity for pro button

Dieser Commit ist enthalten in:
Keegan George 2021-06-22 13:17:55 -07:00
Ursprung 628d3f31db
Commit 0ed9e896a5
2 geänderte Dateien mit 9 neuen und 11 gelöschten Zeilen

Datei anzeigen

@ -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;
}
} }

Datei anzeigen

@ -0,0 +1,2 @@
$pavilion-primary: #3c1c8c;
$pavilion-secondary: #fff;