Create Heading component

Intro title with p
2021-10-12 22:39:55 +02:00
parent 8c51f75b1c
commit 4c14a85ab0
3 changed files with 40 additions and 0 deletions
--- a/src/style/molecules/_heading.scss
+++ b/src/style/molecules/_heading.scss
@@ -0,0 +1,27 @@
+.heading {
+    overflow: hidden;
+    color: $color-tertiary;
+    text-align: center;
+
+    // Title
+    h1 {
+        color: $color-secondary;
+        line-height: 1;
+        margin-top: 56px;
+
+        @include bp (sm) {
+            margin-top: 160px;
+        }
+    }
+    // Text
+    p {
+        max-width: 260px;
+        margin: 40px auto 0;
+        font-weight: 200;
+
+        @include bp (sm) {
+            margin: 72px auto 130px;
+            max-width: 600px;
+        }
+    }
+}