Use variable for max-height

primer · Sep 26, 2019 · a5bdd9e · a5bdd9e
1 parent 031f9a7
commit a5bdd9e
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/select-menu/select-menu.scss b/src/select-menu/select-menu.scss
@@ -4,6 +4,7 @@
 // TODO: Introduce an additional .intent-keyboard class
 
 $SelectMenu-border: $border-width $border-style lighten($gray-200, 3%);
+$SelectMenu-max-height: 480px;
 
 // Select Menu
 //
@@ -85,7 +86,7 @@ $SelectMenu-border: $border-width $border-style lighten($gray-200, 3%);
   @include breakpoint(sm) {
     width: 300px;
     height: auto;
-    max-height: 480px;
+    max-height: $SelectMenu-max-height;
     margin: $spacer-1 0 $spacer-3 0;
     font-size: $font-size-small;
     border: $border-width $border-style $border-gray-dark;
@@ -323,7 +324,7 @@ $SelectMenu-border: $border-width $border-style lighten($gray-200, 3%);
 
     @include breakpoint(sm) {
       height: auto;
-      max-height: 480px;
+      max-height: $SelectMenu-max-height;
       margin-top: $spacer-1;
     }
   }