diff --git a/packages/clay-css/src/scss/components/_navs.scss b/packages/clay-css/src/scss/components/_navs.scss index 8ea81906a3..67c55fb434 100644 --- 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 index 64d58a3ce0..f90a0ca097 100644 --- 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