Issue 6210 - Implement Subscription (Double-opt-in) template for newsletter

src/scss/_layout.scss

Index: src/scss/_layout.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/src/scss/_layout.scss
@@ -0,0 +1,107 @@
+/*******************************************************************************
+ * Layout
+ ******************************************************************************/
+
+html
+{
+  background-color: #f3f3f3;
+}
+
+body
+{
+  @media (min-width: $phablet-breakpoint)
+  {
+    display: table;
+    width: 100%;
+    min-height: 100vh;
+  }
+}
+
+/* .outer-container
+ ******************************************************************************/
+
+.outer-container
+{
+  @media (min-width: $phablet-breakpoint)
+  {
+    display: table-cell;
+    vertical-align: middle;
+  }
+}
+
+/* #page-header
+ ******************************************************************************/
+
+#page-header
+{
+  margin-top: $medium-space;
+  margin-bottom: $small-space;
+
+  @media (min-width: $phablet-breakpoint)
+  {
+    margin-top: 0;
+    margin-bottom: $medium-space;
+  }
+}
+
+#page-header figure
+{
+  display: inline-table;
+  font-size: 1.5em;
+  font-weight: 300;
+
+  @media (min-width: $phablet-breakpoint)
+  {
+    font-size: 2em;
+  }
+
+  img,
+  figcaption
+  {
+    display: table-cell;
+    vertical-align: middle;
+  }
+
+  img
+  {
+    height: 1.5em;
+
+    @media (min-width: $phablet-breakpoint)
+    {
+      height: 2em;
+    }
+  }
+
+  figcaption
+  {
+    padding: 0 $x-small-space;
+  }
+
+  strong { font-weight: 700; }
+}
+
+#page-header h1
+{
+  margin: $small-space auto $x-small-space;
+  font-weight: 700;
+}
+
+/* #sign-up, #page-footer
+ ******************************************************************************/
+
+#sign-up,
+#page-footer
+{
+  width: 100%;
+}
+
+#page-footer
+{
+  margin-top: $small-space;
+  text-align: center;
+
+  @media (min-width: $phablet-breakpoint)
+  {
+    text-align: left;
+  }
+}