Improve variable names.

elastic · Apr 20, 2017 · e1ab269 · e1ab269
1 parent c88aace
commit e1ab269
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/ui_framework/components/_mixins.scss b/ui_framework/components/_mixins.scss
@@ -109,7 +109,7 @@
  */
 @mixin formControlBase {
   appearance: none;
-  padding: $formControlPadding;
+  padding: $globalFormControlPadding;
   font-size: $globalFontSize;
   font-weight: 400;
   line-height: $globalLineHeight;

diff --git a/ui_framework/components/_variables.scss b/ui_framework/components/_variables.scss
@@ -65,5 +65,5 @@ $toolBarSectionSpacing: 50px;
 $toolBarItsemSpacing: 10px;
 
 // Form
-$formControlPaddingSides: 12px;
-$formControlPadding: 3px $formControlPaddingSides 4px;
+$globalFormControlHorizontalPadding: 12px;
+$globalFormControlPadding: 3px $globalFormControlHorizontalPadding 4px;
diff --git a/ui_framework/components/form/_assisted_input.scss b/ui_framework/components/form/_assisted_input.scss
@@ -11,7 +11,7 @@
    */
   .kuiAssistedInput__assistance {
     position: absolute;
-    right: $formControlPaddingSides;
+    right: $globalFormControlHorizontalPadding;
     top: 50%; /* 1 */
     transform: translateY(-50%); /* 1 */
   }
diff --git a/ui_framework/components/local_nav/_local_search.scss b/ui_framework/components/local_nav/_local_search.scss
@@ -9,7 +9,7 @@
   border-color: $localSearchBackgroundColor;
   border-top-color: $localSearchBackgroundColor;
   border-bottom-color: $localSearchBackgroundColor;
-  border-radius: 4px 0 0 4px;
+  border-radius: $globalBorderRadius 0 0 $globalBorderRadius;
 
   &.kuiLocalSearchInput-isInvalid {
     border-color: $localSearchBorderColor-isInvalid;
@@ -39,7 +39,7 @@
    */
   .kuiLocalSearchAssistedInput__assistance {
     position: absolute;
-    right: $formControlPaddingSides;
+    right: $globalFormControlHorizontalPadding;
     top: 50%; /* 1 */
     transform: translateY(-50%); /* 1 */
   }
@@ -59,7 +59,7 @@
   color: $localSearchButtonTextColor;
   background-color: $localSearchButtonBackgroundColor;
   border: 0;
-  border-radius: 0 4px 4px 0;
+  border-radius: 0 $globalBorderRadius $globalBorderRadius 0;
 
   &:focus {
     @include focus($globalFocusColor, $globalBorderColor);