applied variables and buttons styles

styles/sass/welshgov/_application.scss

@@ -1,11 +1,89 @@
+html {
+    scroll-behavior: smooth;
+}
+
 *,
-.govuk-body-s {
+.govuk-body,
+.govuk-body-s,
+.govuk-body-m,
+.govuk-heading-xl,
+.govuk-heading-l,
+.govuk-heading-m,
+.govuk-header-l,
+.govuk-header-m,
+.govuk-header__link,
+.govuk-button,
+.govuk-label,
+.govuk-select,
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+a {
     font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
 }
 .govuk-header {
     background-color: #323232;
 }
 
+.govuk-button {
+    background-color: $red;
+
+    &.govuk-button--secondary {
+        background-color: $white;
+        color: $red;
+        border: 1px solid red;
+
+        &:hover {
+            background-color: $red;
+            color: $white;
+        }
+    }
+}
+
+.govuk-button:hover {
+    background-color: $lightred;
+}
+
+.sharebar {
+    background: #e5e5e5;
+    margin: 0;
+    padding: 15px;
+    clear: both;
+}
+
+.sharebar__components.container-fluid {
+    max-width: 1000px;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 60px;
+    padding-right: 20px;
+}
+
+.btn--arrow-up a {
+    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%22159.5%22 height=%22102.4%22 viewBox=%220 0 159.5 102.4%22%3E%3Ctitle%3Eblack-arrow-up%3C/title%3E%3Cpath d=%22M159.5,79.8,79.8,0,0,79.8l22.6,22.6L79.7,45.3l57.1,57.1Z%22/%3E%3C/svg%3E");
+    background-size: 18px 13px;
+    background-position: 10px center;
+    background-repeat: no-repeat;
+    padding-left: 36px;
+    margin-top: 1px;
+}
+
+.btn--outlined a {
+    text-decoration: none;
+    color: #323232;
+    background: none;
+    padding: 12px;
+    font-size: 1em;
+    font-weight: bold;
+    display: inline-block;
+    border: 1px solid #999999;
+    line-height: 17px;
+    line-height: 1.0625rem;
+}
+
 .languageSwitch {
     margin-top: 15px;
     text-align: right;
@@ -16,7 +94,18 @@
         top: 10px;
         right: -10px;
     }
+    a.govuk-header__link {
+        background-color: black;
+        padding: 10px;
+    }
+    a.govuk-header__link:focus {
+        background-color: black;
+        padding: 10px;
+        color: #fff;
+        box-shadow: none;
+    }
 }
+
 .header__logo {
     float: left;
     margin: 0;
@@ -31,11 +120,19 @@
     border: none;
 }
 
+.govuk-header__logo {
+    width: 22% !important;
+}
+
 nav {
     margin-top: 60px;
     margin-bottom: 40px;
 }
 
+.govuk-footer {
+    padding-top: 0px;
+}
+
 #footer_logo {
     margin-top: 60px;
     margin-bottom: 40px;

styles/sass/welshgov/_variables.scss

@@ -0,0 +1,11 @@
+//gov.wales pallete variables
+
+$white: #ffffff;
+$red: #aa1111;
+$lightred: #d81f1f;
+
+$lightgrey_dark: #cccccc;
+$lightgrey_mid: #dddddd;
+$lightgrey_semi: #e5e5e5;
+$lightgrey_light: #eeeeee;
+$lightgrey_offwhite: #f1f1f1;