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/inform-columns.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/inform-columns.sass')
| -rw-r--r-- | sass/front-page/inform-columns.sass | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/sass/front-page/inform-columns.sass b/sass/front-page/inform-columns.sass new file mode 100644 index 0000000..68930df --- /dev/null +++ b/sass/front-page/inform-columns.sass @@ -0,0 +1,81 @@ +@import settings.sass
+
+section.inform-columns
+ div.inform-column__inner
+ display: grid
+ grid-template-columns: 1fr 1fr
+ grid-gap: 23px 30px
+ +resp(lg)
+ grid-gap: 20px
+ +resp(sm)
+ grid-template-columns: 1fr
+
+ div.inform-column__item
+ background: #F3F4F4
+ display: grid
+ grid-template-rows: auto 1fr auto
+ grid-gap: 40px
+ padding: 48px 54px 59px
+ +resp(md)
+ padding: 30px 25px
+ +resp(sm)
+ padding: 30px 24px 40px
+ grid-gap: 15px
+ grid-template-rows: auto 1fr 65px
+
+ div.inform-column__header
+ display: flex
+ align-items: center
+ div.inform-column__icon
+ padding-right: 19px
+ div.inform-column__title
+ h3
+ font-family: $lato
+ font-weight: bold
+ font-size: 28px
+ line-height: 150%
+ letter-spacing: 0.02em
+ color: #000000
+ +resp(sm)
+ font-size: 21px
+
+ div.inform-column__data
+ p
+ text-align: left
+ margin-bottom: 29px
+ font-size: 16px
+ &:last-child
+ margin-bottom: 10px
+ +resp(sm)
+ margin-bottom: 0
+ +resp(sm)
+ line-height: 180%
+ font-size: 14px
+ margin-bottom: 25px
+
+ div.inform-column__button
+ +resp(sm)
+ align-self: end
+ a.inform-column__btn
+ max-width: 311px
+ width: 100%
+ height: 58px
+ display: flex
+ align-items: center
+ justify-content: center
+ background: $orange
+ border: 1px solid $orange
+ font-family: $lato
+ font-weight: 900
+ font-size: 16px
+ line-height: 15px
+ color: $black
+ text-decoration: none
+ transition: 0.3s
+ +resp(sm)
+ height: 38px
+ width: 100%
+ font-size: 14px
+ line-height: 96%
+ &:hover
+ background: $white
\ No newline at end of file |