basic nhs theming (#14)

Author: RossBugginsNHS

docs/_config.yml

@@ -25,7 +25,7 @@ description: >- # this means to ignore newlines until "baseurl:"
 baseurl: "/nhs-notify-web-cms" # the subpath of your site, e.g. /blog
 url: "https://nhsdigital.github.io" # the base hostname & protocol for your site, e.g. http://example.com
 
-collections_dir: _collections
+collections_dir: collections
 
 collections:
   notify-repos:

docs/_layouts/nhs-notify-default.html docs/_layouts/default.htmldocs/_layouts/nhs-notify-default.html renamed to docs/_layouts/default.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<h1>{{page.site_title}}</h1>
+
+{{ content }}

docs/_layouts/home.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<h1>{{page.title}}</h1>
+
+{{ content }}

docs/_layouts/nhs-notify-home.html

@@ -1,18 +1,37 @@
 @import "./color_schemes/light";
 
+
+@font-face {
+  font-family: "Frutiger W01";
+  font-style: normal;
+  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.woff2") format('woff2');
+}
+
+@font-face {
+  font-family: "Frutiger W01";
+  font-weight: 800;
+  font-style: normal;
+  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.woff2") format('woff2');
+}
+
+
 // Typography
 
 // prettier-ignore
-$body-font-family: "Frutiger W01", Arial, Sans-serif;
-$mono-font-family: "Frutiger W01", Arial, Sans-serif;
+$body-font-family: Frutiger W01,Arial,Sans-serif;
+$mono-font-family: Frutiger W01,Arial,Sans-serif;
 
 
 
 $blue-000: #005eb8;
 $grey-dk-000: #d8dde0;
 $grey-dk-100: #f0f4f5;
-$sidebar-color: $grey-dk-000;
+$grey-dk-300: #212B32;
+$sidebar-color: $grey-dk-100;
 $body-background-color: $grey-dk-100;
 $link-color: $blue-000;
 
 $font-size-7: 1.25rem;
+$font-size-6: 2rem;
+$font-size-8: 3rem;
+//$font-size-5: 1.188rem; // h3

docs/_layouts/nhs-notify-page.html

@@ -0,0 +1,60 @@
+// Totally custom here.
+
+.nav-category {
+  text-transform: none;
+  color: $grey-dk-300;
+  @include fs-4;
+  font-weight: 600;
+}
+
+.main-content {
+  ul > {
+    li::before {
+      color: $grey-dk-300;
+    }
+  }
+}
+
+.site-title {
+  font-weight: 600;
+  font-size: 1.2rem !important;
+}
+
+.nav-list {
+  .nav-list-item {
+    @include fs-4;
+    font-weight: 400;
+    -webkit-font-smoothing: antialiased;
+  }
+}
+
+body {
+  color: $grey-dk-300;
+  font-size: 1.2rem !important;
+  //line-height: 28px;
+  //@include fs-5;
+}
+
+@media (min-width: 31.25rem) {
+  h1,
+  .text-alpha {
+    font-size: 3rem !important;
+    font-weight: 600;
+  }
+}
+
+@media (min-width: 31.25rem) {
+  h2,
+  .text-alpha {
+    font-size: 2rem !important;
+    font-weight: 600;
+  }
+}
+
+@media (min-width: 31.25rem) {
+  h3,
+  .text-alpha {
+    font-size: 1.5rem !important;
+    font-weight: 600;
+  }
+}