New: (liferay#481) Nav added option to configure $nav-btn-padding-x…

…, `$nav-btn-padding-y` and buttons in Nav should inherit padding-x from `.btn-sm`
pat270 · Feb 20, 2018 · 3657c62 · 3657c62
1 parent 8390cf9
commit 3657c62
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/clay/src/scss/components/_navs.scss b/packages/clay/src/scss/components/_navs.scss
@@ -22,8 +22,10 @@
 	line-height: $line-height-base;
 	margin: $nav-btn-margin-y $nav-btn-margin-x;
 	min-width: $nav-item-monospaced-size;
-	padding-bottom: 0;
-	padding-top: 0;
+	padding-bottom: $nav-btn-padding-y;
+	padding-left: $nav-btn-padding-x;
+	padding-right: $nav-btn-padding-x;
+	padding-top: $nav-btn-padding-y;
 	text-align: center;
 	width: auto;
 

diff --git a/packages/clay/src/scss/variables/_navs.scss b/packages/clay/src/scss/variables/_navs.scss
@@ -4,6 +4,9 @@ $nav-item-monospaced-size: 2rem !default; // 32px
 
 $nav-btn-margin-x: 0.25rem !default; // 4px
 $nav-btn-margin-y: (($line-height-base * $font-size-base) + ($nav-link-padding-y * 2) - $nav-item-monospaced-size) / 2 !default;
+$nav-btn-padding-x: $btn-padding-x-sm !default;
+$nav-btn-padding-y: 0 !default;
+
 
 // Nav Nested