Create Subscribe page

Create issue css component for past newsletter
2021-10-12 22:41:09 +02:00
parent dca8f112ed
commit 3ccfb63188
6 changed files with 188 additions and 2 deletions
--- a/src/style/pages/_subscribe.scss
+++ b/src/style/pages/_subscribe.scss
@@ -0,0 +1,49 @@
+// Subscribe Page
+.subscribe {
+    // Modules
+    .grid-modules {
+        grid-column: span var(--columns);
+        margin: 96px 20px 0;
+        padding-bottom: 40px;
+
+        @include bp (sm) {
+            grid-column: 2 / span 22;
+            margin: 200px 0 72px;
+        }
+    }
+
+    // Past Issues
+    &__issues {
+        margin: 64px auto 0;
+        padding: 0 20px;
+
+        @include bp (sm) {
+            max-width: 800px;
+            padding: 0;
+            margin-top: 0;
+        }
+
+        // Title
+        h2 {
+            text-align: center;
+        }
+
+        ul {
+            margin-top: 32px;
+
+            @include bp (sm) {
+                display: grid;
+                grid-template-columns: repeat(2, 1fr);
+                grid-gap: 16px;
+            }
+        }
+        li {
+            display: block;
+            margin-bottom: 16px;
+
+            @include bp (sm) {
+                margin-bottom: 0;
+            }
+        }
+    }
+}