| | |
| | | &__list { |
| | | margin: 0; |
| | | list-style: none; |
| | | padding: 20px 30px; |
| | | background-color: $primary-lighter; |
| | | width: 100%; |
| | | |
| | |
| | | padding: 0.5rem 0.75rem; |
| | | text-transform: uppercase; |
| | | text-align: center; |
| | | font-size: 1.3em; |
| | | } |
| | | |
| | | @include desktop { |
| | | padding: 20px 30px; |
| | | } |
| | | } |
| | | |
| | | &__link { |
| | | &--active { |
| | | border-bottom: 1px solid $primary; |
| | | padding-bottom: 22px; |
| | | @include desktop { |
| | | border-bottom: 1px solid $primary; |
| | | padding-bottom: 22px; |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | &__list { |
| | | display: flex; |
| | | background-color: $accent; |
| | | |
| | | &-item { |
| | | &:not(:last-child) { |
| | | padding-right: 20px; |