Blame view
public/scss/blocks/_nav.scss
1.14 KB
242debab8 Первый коммит в п... |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
.nav { display: none; @media (min-width: 1200px) { display: block; } &__list { display: flex; } &__item { flex-shrink: 0; &:not(:last-child) { margin-right: 20px; } } &__link { font-size: 16px; line-height: 22px; font-weight: 500; transition: .3s; &:hover { @media (min-width: 1200px) { color: $blue; } } } &__link-favorites { position: relative; margin-right: 28px; span { position: absolute; top: -10px; left: calc(100% + 4px); min-width: 24px; color: $white; font-size: 14px; line-height: 24px; font-weight: 600; text-align: center; border-radius: 15px; padding: 0 5px; background-color: $blue; transition: .3s; } &:hover { span { @media (min-width: 1200px) { background-color: #3588CC; } } } } } |