replace all camelCased scss variables to kebab-case

hitobito · Nov 27, 2023 · 7f3e2cc · 7f3e2cc
1 parent 2d777f9
commit 7f3e2cc
Showing 1 changed file with 37 additions and 39 deletions.
diff --git a/app/assets/stylesheets/hitobito/customizable/_variables.scss b/app/assets/stylesheets/hitobito/customizable/_variables.scss
@@ -18,86 +18,84 @@ $die_mitte_color_f:     #333333;
 // Grays
 // -------------------------
 $black:                 #474E5D !default;
-$grayDarker:            #797E89 !default;
-$grayDark:              #8b8b8b !default;
+$gray-darker:           #797E89 !default;
+$gray-dark:             #8b8b8b !default;
 $gray:                  #979CA6 !default;
-$grayLight:             #E8EBF0 !default;
-$grayLighter:           #F8F9FA !default;
+$gray-light:            #E8EBF0 !default;
+$gray-lighter:          #F8F9FA !default;
 $white:                 #fff !default;
 
 // Colors
 // ----------------------------
 $blue:                  $die_mitte_color_a!default;
-$blueDark:              darken($blue, 10%) !default;
+$blue-dark:             darken($blue, 10%) !default;
 $green:                 #8DB850 !default;
-$greenDark:             darken($green, 10%) !default;
+$green-dark:            darken($green, 10%) !default;
 
 $orange:                lighten($die_mitte_color_b, 10%) !default;
-$orangeDark:            $die_mitte_color_b;
+$orange-dark:           $die_mitte_color_b;
 $purple:                $die_mitte_color_c;
-$purpleDark:            darken($die_mitte_color_c, 10%) !default;
+$purple-dark:           darken($die_mitte_color_c, 10%) !default;
 
 $red:                   $orange !default;
 
-$textColor:             $die_mitte_color_f !default;
-$borderColor:           $grayLight !default;
+$text-color:            $die_mitte_color_f !default;
+$border-color:          $gray-light !default;
 
-$pageBackground:        #B6B6B6;
-$contentBackground:     $grayLight;
-$footerBackground:      darken(#B6B6B6, 30%);
-$bodyBackground:        $footerBackground !default;
+$page-background:       #B6B6B6;
+$content-background:    $gray-light;
+$footer-background:     darken(#B6B6B6, 30%);
+$body-background:       $footer-background !default;
 
-$focusColor:            $die_mitte_color_c;
-$shadowColor:           darken($pageBackground, 10%);
-$linkColor:             $die_mitte_color_a !default;
-$linkColorHover:        $die_mitte_color_d !default;
+$focus-color:           $die_mitte_color_c;
+$shadow-color:          darken($page-background, 10%);
+$link-color:            $die_mitte_color_a !default;
+$link-color-hover:      $die_mitte_color_d !default;
 
-$footerColor:           $white;
-$footerColorHover:      $white;
+$footer-color:          $white;
+$footer-color-hover:    $white;
 
-$tableColorHover:       lighten($purple, 50%);
+$table-color-hover:     lighten($purple, 50%);
 
 // Typography
 // -------------------------
-$sansFontFamily:        Helvetica, Arial, sans-serif !default;
-$headingFontFamily:     $sansFontFamily !default;
-$baseFontFamily:        $sansFontFamily !default;
-$headingsFontWeight:    normal !default; // instead of browser default, bold
+$sans-font-family:      Helvetica, Arial, sans-serif !default;
+$heading-font-family:   $sans-font-family !default;
+$base-font-family:      $sans-font-family !default;
+$headings-font-weight:  normal !default; // instead of browser default, bold
 
 // Decoration
 // -------------------------
-$borderRadius:           6px;
+$border-radius:         6px;
 
 // Rhythm
 // -------------------------
-$vSpace:                24px;
-
+$v-space:               24px;
 
 // FLUID GRID
 // --------------------------------------------------
 
 // Default
 // -------------------------
-$fluidGridColumnWidth:         6.382978723% !default;
-$fluidGridGutterWidth:         2.127659574% !default;
+$fluid-grid-column-width:        6.382978723% !default;
+$fluid-grid-gutter-width:        2.127659574% !default;
 
 // Portrait tablet to default desktop
 // -------------------------
-$fluidGridColumnWidthTablet:   5.801104972% !default;
-$fluidGridGutterWidthTablet:   2.762430939% !default;
+$fluid-grid-column-width-tablet:  5.801104972% !default;
+$fluid-grid-gutter-width-tablet:  2.762430939% !default;
 
 // Large desktop and up
 // -------------------------
-$fluidGridColumnWidthLarge:    5.982905983% !default;
-$fluidGridGutterWidthLarge:    2.564102564% !default;
-
+$fluid-grid-column-width-large:   5.982905983% !default;
+$fluid-grid-gutter-width-large:   2.564102564% !default;
 
 // RESPONSIVE DESIGN
 // --------------------------------------------------
 
 // Media widths
 // -------------------------
-$mediaPhone:              480px !default;
-$mediaTablet:             768px !default;
-$mediaDesktop:            980px !default;
-$mediaLarge:              1200px !default; // and upper
+$media-phone:           480px !default;
+$media-tablet:          768px !default;
+$media-desktop:         980px !default;
+$media-large:           1200px !default; // and upper