refactor: move theme includes below
| | |
| | | display: none; |
| | | |
| | | &__list { |
| | | @include themed() { |
| | | background-color: t('primary-lighter'); |
| | | } |
| | | margin: 0; |
| | | list-style: none; |
| | | padding: 0; |
| | | width: 100%; |
| | | |
| | | @include themed() { |
| | | background-color: t('primary-lighter'); |
| | | } |
| | | |
| | | &-item { |
| | | line-height: 2.5; |
| | | padding: 0.5rem 0.75rem; |
| | |
| | | |
| | | &__link { |
| | | &--active { |
| | | padding-bottom: 22px; |
| | | |
| | | @include desktop { |
| | | @include themed() { |
| | | border-bottom: 1px solid t('primary'); |
| | | } |
| | | |
| | | padding-bottom: 22px; |
| | | } |
| | | } |
| | | } |
| | |
| | | box-shadow: none; |
| | | |
| | | &__list { |
| | | display: flex; |
| | | |
| | | @include themed() { |
| | | background-color: t('accent'); |
| | | } |
| | | display: flex; |
| | | |
| | | &-item { |
| | | &:not(:last-child) { |