diff options
Diffstat (limited to 'sass/header.sass')
| -rw-r--r-- | sass/header.sass | 41 |
1 files changed, 29 insertions, 12 deletions
diff --git a/sass/header.sass b/sass/header.sass index 6e2c081..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,39 +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
\ No newline at end of file |