diff options
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/header.sass | 79 | ||||
| -rw-r--r-- | sass/settings.sass | 8 |
2 files changed, 32 insertions, 55 deletions
diff --git a/sass/header.sass b/sass/header.sass index 0ae1105..27c5efa 100644 --- a/sass/header.sass +++ b/sass/header.sass @@ -12,6 +12,8 @@ header z-index: 2
+resp(esm)
padding: 10px 0
+ +resp(xsm)
+ padding: 5px 0
div.header__inner
display: flex
@@ -27,75 +29,54 @@ header margin-right: 30px
+resp(lg)
margin-right: 16px
+ +resp(md)
+ margin-right: 10px
div.header__text
font-weight: 500
- font-size: 16px
line-height: 25px
+resp(sm)
display: none
p
font-size: 16px
color: #ACACAD
- text-align: left
+resp(md)
+ font-size: 15px
+ +resp(sm)
display: none
div.header__links-side
- display: grid
- grid-template-columns: 1fr auto auto auto
- grid-gap: 31px
- justify-items: center
+ display: flex
align-items: center
- +resp(lg)
- grid-gap: 20px
- text-align: center
- +resp(sm)
- display: none
+ +resp(xsm)
+ flex-wrap: wrap
+ justify-content: flex-end
a
font-weight: 600
font-size: 15px
- line-height: 14px
+ line-height: 140%
text-transform: uppercase
text-decoration: none
color: $black
transition: 0.3s
+ margin-left: 31px
+ text-align: center
+resp(lg)
font-size: 14px
+ margin-left: 20px
+ +resp(esm)
+ margin-left: 14px
+ +resp(usm)
+ font-size: 13px
+ +resp(xsm)
+ line-height: 180%
+ font-size: 14px
+ margin-left: 24px
+ &:nth-child(1)
+ margin-left: 0
+ &:nth-child(3)
+ +resp(usm)
+ max-width: 100px
+ +resp(xsm)
+ max-width: 100%
&:hover
- color: $orange
-
- div.header__mobile-menu__buttons
- height: 100%
- width: 30px
- justify-content: center
- display: none
- +resp(sm)
- display: flex
- img
- cursor: pointer
- display: none
- img.active
- display: block
-
-nav#mobile-menu
- z-index: 1
- bottom: 0
- top: 0
- right: 0
- position: fixed
- left: 100%
- background-color: $white
- padding: 70px 15px
- +resp(esm)
- padding: 60px 15px
- a
- display: block
- text-transform: uppercase
- color: $black
- text-decoration: none
- padding: 15px 0
- font-weight: 600
- transition: 0.3s
- border-bottom: 1px solid #e0e0e0
- &:hover
- color: $orange
\ No newline at end of file + color: $orange
\ No newline at end of file diff --git a/sass/settings.sass b/sass/settings.sass index 6cca3d9..01b3d95 100644 --- a/sass/settings.sass +++ b/sass/settings.sass @@ -35,11 +35,7 @@ $dark-orange: #FD8F01 @if $media == usm
@media only screen and (max-width: 450px)
@content
- // 390px and down
+ // 375px and down
@if $media == xsm
- @media only screen and (max-width: 390px)
- @content
- // 350px and down
- @if $media == exsm
- @media only screen and (max-width: 350px)
+ @media only screen and (max-width: 375px)
@content
\ No newline at end of file |