diff options
| author | Daniil Baturin <daniil@baturin.org> | 2021-01-15 18:44:14 +0700 |
|---|---|---|
| committer | Daniil Baturin <daniil@baturin.org> | 2021-01-15 18:44:40 +0700 |
| commit | 32225e8c14354c60fc4fa19d4cad3eea9ea7755e (patch) | |
| tree | 248ddc0969ec5d46bd7ccf83fb7ebe5d0fb68e81 /sass/front-page/banner.sass | |
| parent | 495bde0c30c3be39183ed9c9bc8e3e28a055abcb (diff) | |
| download | community.vyos.net-32225e8c14354c60fc4fa19d4cad3eea9ea7755e.tar.gz community.vyos.net-32225e8c14354c60fc4fa19d4cad3eea9ea7755e.zip | |
Add the original SASS to the build workflow.
Diffstat (limited to 'sass/front-page/banner.sass')
| -rw-r--r-- | sass/front-page/banner.sass | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/sass/front-page/banner.sass b/sass/front-page/banner.sass new file mode 100644 index 0000000..c243d03 --- /dev/null +++ b/sass/front-page/banner.sass @@ -0,0 +1,71 @@ +@import settings.sass
+
+section.banner
+ background-image: url("/img/front-page/banner/banner-bg.svg")
+ background-position: bottom
+ background-repeat: no-repeat
+ background-size: cover
+ padding: 77px 0 87px
+ +resp(sm)
+ background-image: url("/img/front-page/banner/banner-bg-sm.svg")
+ padding: 45px 0 0
+ div.sm-none
+ +resp(sm)
+ padding: 0
+ div.banner__text-button
+ max-width: 50%
+ +resp(lg)
+ max-width: 61%
+ +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
+ 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
+ display: flex
+ justify-content: center
+ padding-left: 20px
+ padding-right: 20px
+ a.banner__btn
+ max-width: 311px
+ width: 100%
+ height: 58px
+ background: $black
+ border: 1px solid $black
+ display: inline-flex
+ margin-top: 23px
+ align-items: center
+ justify-content: center
+ font-family: $lato
+ font-weight: 900
+ font-size: 16px
+ line-height: 15px
+ color: $white
+ text-decoration: none
+ transition: 0.3s
+ +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 |