Replace snake case in SCSS for EE

app/assets/stylesheets/framework/highlight.scss

@@ -46,7 +46,7 @@
     a {
       font-family: $monospace-font;
       display: block;
-      font-size: $code_font_size !important;
+      font-size: $code-font-size !important;
       min-height: 19px;
       white-space: nowrap;
 

app/assets/stylesheets/framework/mixins.scss

@@ -255,7 +255,7 @@
   }
 }
 
-@mixin build-trace-top-bar($height, $top_position) {
+@mixin build-trace-top-bar($height, $top-position) {
   height: $height;
   min-height: $height;
   background: $gray-light;
@@ -263,21 +263,21 @@
   color: $gl-text-color;
   position: sticky;
   position: -webkit-sticky;
-  top: $top_position;
+  top: $top-position;
   padding: $grid-size;
 }
 
 /*
 * Mixin that handles the position of the controls placed on the top bar
 */
-@mixin build-controllers($control_font_size, $flex_direction, $with_grow, $flex_grow_size) {
+@mixin build-controllers($control-font-size, $flex-direction, $with-grow, $flex-grow-size) {
   display: flex;
-  font-size: $control_font_size;
-  justify-content: $flex_direction;
+  font-size: $control-font-size;
+  justify-content: $flex-direction;
   align-items: center;
   align-self: baseline;
-  @if $with_grow {
-    flex-grow: $flex_grow_size;
+  @if $with-grow {
+    flex-grow: $flex-grow-size;
   }
 
   svg {

app/assets/stylesheets/pages/editor.scss

@@ -205,7 +205,7 @@
   .template-type-selector {
     display: inline-block;
     vertical-align: top;
-    font-family: $regular_font;
+    font-family: $regular-font;
     margin-top: -5px;
 
     @media(max-width: map-get($grid-breakpoints, md)-1) {

ee/app/assets/stylesheets/pages/issues/related_issues.scss

-$token_spacing_bottom: 0.5em;
+$token-spacing-bottom: 0.5em;
 
 .related-issues-block {
   margin-top: 3 * $gl-vert-padding;
@@ -45,7 +45,7 @@ $token_spacing_bottom: 0.5em;
 }
 
 .related-issues-loading-icon {
-  margin-bottom: $token_spacing_bottom;
+  margin-bottom: $token-spacing-bottom;
   line-height: 1.75;
 }
 
@@ -59,7 +59,7 @@ $token_spacing_bottom: 0.5em;
 
 .related-issues-token-list-item {
   max-width: 100%;
-  margin-bottom: $token_spacing_bottom;
+  margin-bottom: $token-spacing-bottom;
   margin-right: 5px;
 }
 

ee/app/assets/stylesheets/pages/projects.scss

@@ -26,7 +26,7 @@
   }
 
   .known-hosts {
-    font-family: $monospace_font;
+    font-family: $monospace-font;
   }
 
   .btn-show-advanced {

ee/app/assets/stylesheets/pages/roadmap.scss

@@ -51,7 +51,7 @@ $column-right-gradient: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(2
     &.label-dark {
       color: $theme-gray-900;
     }
-  
+
     &.label-bold {
       font-weight: 600;
     }
@@ -116,7 +116,7 @@ $column-right-gradient: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(2
         flex-grow: 1;
         flex-basis: 0;
         text-align: center;
-        font-size: $code_font_size;
+        font-size: $code-font-size;
         line-height: 1.5;
         padding: 2px 0;
       }
@@ -182,7 +182,7 @@ $column-right-gradient: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(2
       left: 0;
       width: $details-cell-width;
       padding: $gl-padding-8 $gl-padding;
-      font-size: $code_font_size;
+      font-size: $code-font-size;
       background-color: $white-light;
       z-index: 2;