| @@ -7,9 +7,9 @@ | ||
| 7 | 7 | .hsr-onboarding-navbar__wrapper { |
| 8 | 8 | width: 100%; |
| 9 | 9 | height: 72px; |
| 10 | 10 | background: #FFFFFF; |
| 11 | - border-bottom: 1px solid #DADCE0; | |
| 11 | + border-bottom: 1px solid $border-gray; | |
| 12 | 12 | |
| 13 | 13 | @media(max-width: 1000px) { |
| 14 | 14 | height: 56px; |
| 15 | 15 | } |
| @@ -50,8 +50,13 @@ | ||
| 50 | 50 | } |
| 51 | 51 | @media( max-width: 1000px) { |
| 52 | 52 | display: none; |
| 53 | 53 | } |
| 54 | + | |
| 55 | + &:hover:not(.hsr-active) { | |
| 56 | + background-color: $gray-light; | |
| 57 | + border-bottom: 1px solid $border-gray; | |
| 58 | + } | |
| 54 | 59 | } |
| 55 | 60 | |
| 56 | 61 | .hsr-active { |
| 57 | 62 | color: $primary-purple; |
| @@ -89,12 +94,25 @@ | ||
| 89 | 94 | font-size: $text-font-size; |
| 90 | 95 | font-weight: 400; |
| 91 | 96 | } |
| 92 | 97 | |
| 93 | -.hostinger.hsr-onboarding p { | |
| 94 | - color: $paragraph-color; | |
| 95 | - margin-top: 8px; | |
| 96 | - line-height: 24px; | |
| 98 | +.hostinger.hsr-onboarding { | |
| 99 | + | |
| 100 | + p, | |
| 101 | + ul { | |
| 102 | + color: $paragraph-color; | |
| 103 | + margin-top: 8px; | |
| 104 | + line-height: 24px; | |
| 105 | + } | |
| 106 | + | |
| 107 | + ul { | |
| 108 | + list-style-type: disc; | |
| 109 | + margin-left: 25px; | |
| 110 | + | |
| 111 | + li { | |
| 112 | + text-align: left; | |
| 113 | + } | |
| 114 | + } | |
| 97 | 115 | } |
| 98 | 116 | |
| 99 | 117 | .hsr-onboarding-steps { |
| 100 | 118 | display: flex; |
