Add a credit page and make style reusable

2020-02-26 15:52:13 +01:00
parent afb087408c
commit 042440188e
10 changed files with 225 additions and 59 deletions
--- a/src/style/pages/_page.scss
+++ b/src/style/pages/_page.scss
@@ -0,0 +1,65 @@
+.page {
+    overflow-x: hidden;
+
+    // Top part
+    &__top {
+        margin-top: 96px;
+        margin-bottom: 56px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+
+        @include breakpoint (sm) {
+            margin-top: 120px;
+            margin-bottom: 96px;
+        }
+
+        a {
+            position: absolute;
+            top: -64px;
+
+            @include breakpoint (sm){
+                top: 50%;
+                left: 0;
+                transform: translateY(-50%);
+            }
+        }
+    }
+
+    // Description
+    &__description {
+        max-width: 312px;
+        margin: 0 auto;
+        margin-bottom: 72px;
+        color: $color-tertiary;
+
+        @include breakpoint (sm) {
+            max-width: 472px;
+            margin-bottom: 120px;
+        }
+    }
+
+    // List
+    &__list {
+        // Category
+        &--category {
+            margin-bottom: 96px;
+            text-align: center;
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+
+            h2 {
+                margin-bottom: 56px;
+            }
+            dl {
+                margin-bottom: 40px;
+            }
+            dt {
+                margin-bottom: 8px;
+            }
+        }
+    }
+}