Add $ui-padding-vertical-ratio

Fix #54
bartkozal · May 10, 2016 · e43a839 · e43a839
1 parent 5631ac3
commit e43a839
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/scss/_base.scss b/scss/_base.scss
@@ -1,6 +1,8 @@
 @mixin ui-padding {
-  padding-top: $ui-padding-vertical + $ui-padding-vertical * .2;
-  padding-bottom: $ui-padding-vertical - $ui-padding-vertical * .2;
+  $ui-padding-modifier: $ui-padding-vertical * $ui-padding-vertical-ratio / 2;
+
+  padding-top: $ui-padding-vertical + $ui-padding-modifier;
+  padding-bottom: $ui-padding-vertical - $ui-padding-modifier;
   padding-right: $ui-padding-horizontal;
   padding-left: $ui-padding-horizontal;
 }

diff --git a/scss/_defaults.scss b/scss/_defaults.scss
@@ -87,6 +87,7 @@ $grid-gutter: $spacing-unit !default;
 $ui-border-radius: 4px !default;
 $ui-padding-vertical: quarter($spacing-unit) !default;
 $ui-padding-horizontal: halve($spacing-unit) !default;
+$ui-padding-vertical-ratio: .4 !default;
 
 $list-menu-color: $color-white !default;
 $list-menu-background: $color-link !default;