fix(@clayui/css): Navs nav-nested reduce the number of nested navs to…

… 7 by default - Adds `$nav-nested-nav-class` and `$nav-nested-nest-level`
liferay · May 10, 2023 · 429876a · 429876a
1 parent a541843
commit 429876a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/clay-css/src/scss/components/_navs.scss b/packages/clay-css/src/scss/components/_navs.scss
@@ -118,7 +118,11 @@
  flex-direction: column;
  flex-wrap: nowrap;
 
- @include clay-nav-nested($nav-nested-spacer-x);
+ @include clay-nav-nested(
+ $nav-nested-spacer-x,
+ $nav-nested-nest-level,
+ $nav-nested-nav-class
+ );
 }
 
 .nav-nested-margins {

diff --git a/packages/clay-css/src/scss/variables/_navs.scss b/packages/clay-css/src/scss/variables/_navs.scss
@@ -346,9 +346,14 @@ $nav-unstyled: map-deep-merge(
  $nav-unstyled
 );
 
-// Nav Nested
+// Nav Nested Margins
 
 $nav-nested-margins-spacer-x: $nav-link-padding-x !default;
+
+// Nav Nested
+
+$nav-nested-nav-class: '.nav' !default;
+$nav-nested-nest-level: 7 !default;
 $nav-nested-spacer-x: $nav-link-padding-x !default;
 
 // Nav Tabs