solid v3 setup, wip

assets/styles/components/_alerts.scss

@@ -0,0 +1,28 @@
+.alert {
+    padding: $base-spacing-unit;
+    margin-bottom: $base-spacing-unit;
+    border: 1px solid transparent;
+    > p,
+    > ul {
+        margin-bottom: 0;
+    }
+    > p + p {
+        margin-top: $base-spacing-unit;
+    }
+    &.alert--success {
+        color: $success-colour;
+        border-color: $success-colour;
+    }
+    &.alert--info {
+        color: $info-colour;
+        border-color: $info-colour;
+    }
+    &.alert--warning {
+        color: $warning-colour;
+        border-color: $warning-colour;
+    }
+    &.alert--danger {
+        color: $danger-colour;
+        border-color: $danger-colour;
+    }
+}

assets/styles/components/_buttons.scss

@@ -0,0 +1,54 @@
+.btn {
+    background-color: $brand-colour;
+    color: $base-background-colour;
+    border: 1px solid transparent;
+    display: inline-block;
+    padding: ($base-spacing-unit / 4) $base-spacing-unit;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    touch-action: manipulation;
+    cursor: pointer;
+    user-select: none;
+    width: auto;
+    transition: all .5s;
+    &::-moz-focus-inner {
+        border: 0;
+        padding: 0;
+    }
+    &:hover {
+        text-decoration: none;
+        background-color: $base-background-colour;
+        color: $brand-colour;
+        border: 1px solid $brand-colour;    
+    }
+    .is-disabled,
+    &:disabled {
+        pointer-events: none;
+        opacity: .65;
+    }
+}
+
+.btn--inverse {
+    background-color: $base-background-colour;
+    color: $brand-colour;
+    border: 1px solid $brand-colour;
+    &:hover {
+        background-color: $brand-colour;
+        color: $base-background-colour;
+        border: 1px solid transparent;
+    }
+}
+
+.btn--block {
+    display: block;
+    width: 100%;
+    + .btn--block {
+        margin-top: $base-spacing-unit / 4;
+    }
+}
+
+.btn--link {
+    background-color: transparent;
+    color: $brand-colour;
+}

assets/styles/components/_logo.scss

@@ -0,0 +1,4 @@
+.logo {
+  width: 250px;
+  height: 41px;
+}

assets/styles/components/_nav.scss

@@ -0,0 +1,14 @@
+.nav {
+    list-style: none;
+    margin: 0;
+    > li {
+        display: inline-block;
+        margin-right: $base-spacing-unit;
+        &:last-child {
+            margin-right: 0;
+        }
+        > a {
+            display: block;
+        }
+    }
+}