From 32225e8c14354c60fc4fa19d4cad3eea9ea7755e Mon Sep 17 00:00:00 2001
From: Daniil Baturin <daniil@baturin.org>
Date: Fri, 15 Jan 2021 18:44:14 +0700
Subject: Add the original SASS to the build workflow.

---
 sass/front-page/inform-columns.sass | 81 +++++++++++++++++++++++++++++++++++++
 1 file changed, 81 insertions(+)
 create mode 100644 sass/front-page/inform-columns.sass

(limited to 'sass/front-page/inform-columns.sass')

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
-- 
cgit v1.2.3