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/molecules/_issue.scss
+++ b/src/style/molecules/_issue.scss
@@ -0,0 +1,36 @@
+.issue {
+    display: flex;
+    background-color: #fff;
+    border-radius: 6px;
+
+    a {
+        display: flex;
+        padding: 20px;
+        text-decoration: none;
+    }
+    // Image
+    img {
+        display: block;
+        width: 80px;
+        height: 56px;
+        margin-right: 16px;
+    }
+    // Title
+    dt {
+        color: $color-secondary;
+        font-size: rem(20px);
+        margin-bottom: 8px;
+        font-family: $font-serif;
+        font-weight: 400;
+    }
+    // Description
+    dd {
+        font-size: rem(16px);
+        color: $color-gray;
+    }
+    // Date
+    time {
+        opacity: 0.6;
+        font-size: rem(12px);
+    }
+}