Setup server to handle article page (untested)

2018-11-26 21:48:03 +11:00
parent 829a152a1e
commit 66336a469f
14 changed files with 241 additions and 22 deletions
--- a/public/pages/blog/article/ArticlePage.scss
+++ b/public/pages/blog/article/ArticlePage.scss
@ -0,0 +1,43 @@
+@import '~@styles/global';
+
+$p-article-page--spacing: 1.5em;
+
+.p-article-page {
+  &__article {
+    display: flex;
+    flex-wrap: wrap;
+    align-content: stretch;
+  }
+
+  &__header,
+  &__picture,
+  &__description
+  {
+    width: 100%;
+  }
+
+  &__picture {
+    position: relative;
+
+    &-image {width: 100%;}
+    &-box {
+      position: sticky;
+      top:0;
+    }
+  }
+
+  @include t-media-query($s-small-up) {
+    position: relative;
+    &__header {
+      margin-bottom: $p-article-page--spacing;
+    }
+    &__picture {
+      width: 40%;
+      padding-right: $p-article-page--spacing;
+    }
+    &__description {
+      width: 60%;
+      padding-left: $p-article-page--spacing;
+    }
+  }
+}