diff options
Diffstat (limited to 'sass/front-page')
| -rw-r--r-- | sass/front-page/banner.sass | 26 | ||||
| -rw-r--r-- | sass/front-page/bottom-text.sass | 20 | ||||
| -rw-r--r-- | sass/front-page/inform-columns.sass | 24 | ||||
| -rw-r--r-- | sass/front-page/main-text.sass | 11 |
4 files changed, 42 insertions, 39 deletions
diff --git a/sass/front-page/banner.sass b/sass/front-page/banner.sass index c243d03..51b6bcf 100644 --- a/sass/front-page/banner.sass +++ b/sass/front-page/banner.sass @@ -1,4 +1,4 @@ -@import settings.sass
+@import ../settings.sass
section.banner
background-image: url("/img/front-page/banner/banner-bg.svg")
@@ -14,27 +14,18 @@ section.banner padding: 0
div.banner__text-button
max-width: 50%
- +resp(lg)
- max-width: 61%
+ +resp(md)
+ max-width: 60%
+resp(sm)
margin-bottom: 23px
max-width: 100%
- h1.banner__title
- font-family: $lato
- font-weight: 800
- font-size: 45px
- line-height: 120%
- letter-spacing: 0.02em
- color: $black
+ h1
padding-bottom: 57px
+resp(sm)
- font-size: 38px
text-align: center
padding-bottom: 51%
padding-left: 20px
padding-right: 20px
- +resp(esm)
- font-size: 28px
div.banner__btn_container
+resp(sm)
background-color: $white
@@ -42,7 +33,7 @@ section.banner justify-content: center
padding-left: 20px
padding-right: 20px
- a.banner__btn
+ a
max-width: 311px
width: 100%
height: 58px
@@ -52,8 +43,7 @@ section.banner margin-top: 23px
align-items: center
justify-content: center
- font-family: $lato
- font-weight: 900
+ font-weight: 700
font-size: 16px
line-height: 15px
color: $white
@@ -62,10 +52,6 @@ section.banner +resp(sm)
height: 38px
font-size: 14px
- // margin-left: auto
- // margin-right: auto
- // margin-top: 50px
- // position: absolute
&:hover
background: $white
color: $black
\ No newline at end of file diff --git a/sass/front-page/bottom-text.sass b/sass/front-page/bottom-text.sass index e8aee16..943c4b6 100644 --- a/sass/front-page/bottom-text.sass +++ b/sass/front-page/bottom-text.sass @@ -1,10 +1,11 @@ -@import settings.sass
+@import ../settings.sass
-section.bottom-text
- div.bottom-text__inner
+.bottom-text
+ &__inner
padding: 138px 0 182px
max-width: 657px
margin-left: auto
+ text-align: center
margin-right: auto
+resp(lg)
padding: 138px 250px 182px
@@ -14,6 +15,13 @@ section.bottom-text padding: 56px 50px 64px
+resp(esm)
padding: 56px 20px 64px
- h2.bottom-text__title
- text-align: center
- padding-bottom: 25px
\ No newline at end of file + h2
+ padding-bottom: 25px
+ +resp(sm)
+ padding-bottom: 0
+ p
+ font-size: 18px
+ +resp(sm)
+ font-size: 16px
+ +resp(esm)
+ font-size: 14px
\ No newline at end of file diff --git a/sass/front-page/inform-columns.sass b/sass/front-page/inform-columns.sass index 68930df..250982f 100644 --- a/sass/front-page/inform-columns.sass +++ b/sass/front-page/inform-columns.sass @@ -1,6 +1,7 @@ -@import settings.sass
+@import ../settings.sass
section.inform-columns
+
div.inform-column__inner
display: grid
grid-template-columns: 1fr 1fr
@@ -17,6 +18,7 @@ section.inform-columns grid-gap: 40px
padding: 48px 54px 59px
+resp(md)
+ grid-gap: 25px
padding: 30px 25px
+resp(sm)
padding: 30px 24px 40px
@@ -30,7 +32,6 @@ section.inform-columns padding-right: 19px
div.inform-column__title
h3
- font-family: $lato
font-weight: bold
font-size: 28px
line-height: 150%
@@ -44,6 +45,8 @@ section.inform-columns text-align: left
margin-bottom: 29px
font-size: 16px
+ +resp(md)
+ margin-bottom: 20px
&:last-child
margin-bottom: 10px
+resp(sm)
@@ -57,25 +60,24 @@ section.inform-columns +resp(sm)
align-self: end
a.inform-column__btn
- max-width: 311px
- width: 100%
- height: 58px
+ max-width: 291px
+ padding: 10px
+ min-height: 38px
+ color: #18191C !important
display: flex
align-items: center
justify-content: center
+ text-align: center
background: $orange
border: 1px solid $orange
- font-family: $lato
- font-weight: 900
+ font-weight: 700
font-size: 16px
- line-height: 15px
color: $black
text-decoration: none
transition: 0.3s
+ line-height: 1.5
+resp(sm)
- height: 38px
- width: 100%
+ min-height: 28px
font-size: 14px
- line-height: 96%
&:hover
background: $white
\ No newline at end of file diff --git a/sass/front-page/main-text.sass b/sass/front-page/main-text.sass index 54e0786..c3b4fdd 100644 --- a/sass/front-page/main-text.sass +++ b/sass/front-page/main-text.sass @@ -1,13 +1,20 @@ -@import settings.sass
+@import ../settings.sass
section.main-text
max-width: 884px
margin-left: auto
margin-right: auto
padding: 143px 0
+ text-align: center
+resp(lg)
padding: 143px 0
+resp(md)
padding: 90px 0
+resp(sm)
- padding: 34px 0 64px
\ No newline at end of file + padding: 0 0 55px
+ p
+ font-size: 18px
+ +resp(sm)
+ font-size: 16px
+ +resp(esm)
+ font-size: 14px
\ No newline at end of file |