diff --git a/src/component/navigation/index.scss b/src/component/navigation/index.scss index c80ea3754..32b9f75cd 100644 --- a/src/component/navigation/index.scss +++ b/src/component/navigation/index.scss @@ -4,5 +4,6 @@ //// @import '../link/index'; +@import '../button/index'; @import '../../core/index'; diff --git a/src/component/navigation/style/module/_default.scss b/src/component/navigation/style/module/_default.scss index 85c81a89f..720b76608 100644 --- a/src/component/navigation/style/module/_default.scss +++ b/src/component/navigation/style/module/_default.scss @@ -76,6 +76,14 @@ @include min-height(auto, lg); } + #{ns(nav__btn)} { + @include icon(arrow-down-s-line, sm, after) { + @include margin-left(2v); + @include margin-right(0); + transition: transform 0.3s; + } + } + @include respond-from(lg) { position: initial; @include before(none); @@ -89,6 +97,7 @@ &__link, &__btn { + @include nest-btn(sm, left, null, null, false); @include size(100%); @include padding(3v 4v); @include text-style(md); @@ -124,17 +133,6 @@ flex-direction: row; @include padding(4v 3v 4v 4v, lg); - @include icon(arrow-down-s-line, sm, after) { - @include margin-left(2v); - @include margin-right(0); - transition: transform 0.3s; - - @include preference.reduce-motion { - transition: none; - } - } - @include icon-forced-color(buttontext, true, after); - @include respond-from(lg) { justify-content: flex-start; }