fix bootstrap 5 variable naming

hitobito · Dec 4, 2023 · 4a79dbf · 4a79dbf
1 parent 5815ba2
commit 4a79dbf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/app/assets/stylesheets/hitobito/customizable/_variables.scss b/app/assets/stylesheets/hitobito/customizable/_variables.scss
@@ -47,6 +47,11 @@ $footer-color-hover:    $white;
 
 $table-color-hover:     lighten($purple, 50%);
 
+$btn-danger-bg:         #bd362f;
+$btn-primary-bg:        #010ebc;
+$btn-bg:                #e6e6e6;
+$btn-border:            #002357;
+
 // Typography
 // -------------------------
 $sans-font-family:      Helvetica, Arial, sans-serif !default;

diff --git a/app/assets/stylesheets/hitobito/customizable/_wagon.scss b/app/assets/stylesheets/hitobito/customizable/_wagon.scss
@@ -127,7 +127,7 @@ html.turbolinks-progress-bar::before {
 
 
 .btn {
-  @include buttonBackground($btn-background, $btn-background-highlight, $green, 0 1px 1px rgba(255,255,255,.75));
+  background-color: $btn-bg;
   color: $green;
 
   &:hover,
@@ -167,17 +167,15 @@ html.turbolinks-progress-bar::before {
 }
 
 .btn-danger {
-  @include buttonBackground($btn-danger-background, $btn-danger-background-highlight);
+  background-color: $btn-danger-bg;
 }
 
 .btn-primary {
-  @include buttonBackground($btnPrimaryBackground, $btnPrimaryBackgroundHighlight);
+  background-color: $btn-primary-bg;
 }
 
 .btn-group.open .btn.dropdown-toggle {
-  background: $btn-background-highlight;
   color: darken($green, 10%);
-  border-color: $btn-background-highlight;
 }
 
 select,