From 42c76f0699d1a6b06cc69c5680f2d169df7676b4 Mon Sep 17 00:00:00 2001
From: Kevin MacMartin <prurigro@gmail.com>
Date: Thu, 26 Apr 2018 00:02:56 -0400
Subject: [PATCH] Clean up the colors and styles for the bootstrap public site
 a bit more

---
 resources/assets/sass/_var.scss               |  4 +-
 resources/assets/sass/pages/_contact.scss     | 39 ++++++++++++++-----
 .../sass/sections/_subscription-form.scss     | 14 ++++++-
 3 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/resources/assets/sass/_var.scss b/resources/assets/sass/_var.scss
index 50c1f24..a162c52 100644
--- a/resources/assets/sass/_var.scss
+++ b/resources/assets/sass/_var.scss
@@ -24,8 +24,8 @@ $container-max-widths: (
 $c-text: #111; // text
 $c-text-light: #fff; // light text
 $c-base: #2e2e2e; // base
-$c-accent: #d4d72e; // accent
-$c-error: #f00; // error
+$c-accent: #fa7921; // accent
+$c-error: #fa2036; // error
 
 // Values
 $nav-link-count: 2;
diff --git a/resources/assets/sass/pages/_contact.scss b/resources/assets/sass/pages/_contact.scss
index 47635a7..1ec4098 100644
--- a/resources/assets/sass/pages/_contact.scss
+++ b/resources/assets/sass/pages/_contact.scss
@@ -7,12 +7,18 @@
         margin-bottom: 20px;
         width: 100%;
         padding: 5px 10px;
-        border: 2px solid fade-out($c-text, 0.75);
+        border: 2px solid fade-out($c-base, 0.75);
         background-color: rgba(255, 255, 255, 0.8);
         font-size: 14px;
         transition: border $trans-speed;
-        &:focus { border: 2px solid fade-out($c-base, 0.4); }
-        &.error { border: 2px solid $c-error; }
+
+        &:focus {
+            border: 2px solid fade-out($c-accent, 0.4);
+        }
+
+        &.error {
+            border: 2px solid $c-error;
+        }
     }
 
     textarea {
@@ -21,13 +27,20 @@
     }
 
     .submit {
-        background-color: lighten($c-base, 5%);
+        @include font-sans-bold;
+        background-color: lighten($c-accent, 5%);
         color: $c-text-light;
-        font-weight: bold;
         text-align: center;
         transition: background-color $trans-speed;
-        &:hover { background-color: $c-base; }
-        &.disabled { background-color: $c-base; }
+        cursor: pointer;
+
+        &:hover {
+            background-color: $c-accent;
+        }
+
+        &.disabled {
+            background-color: $c-base;
+        }
     }
 
     .notification {
@@ -39,13 +52,19 @@
         text-align: center;
         opacity: 0;
         transition: opacity $trans-speed;
-        span { font-weight: bold; }
-        &.visible { opacity: 1; }
+
+        &.visible {
+            opacity: 1;
+        }
 
         &.success {
+            @include font-sans-bold;
             background-color: transparent;
             color: $c-text;
-            font-weight: bold;
+        }
+
+        span {
+            @include font-sans-bold;
         }
     }
 }
diff --git a/resources/assets/sass/sections/_subscription-form.scss b/resources/assets/sass/sections/_subscription-form.scss
index d7309ff..a7ed5ff 100644
--- a/resources/assets/sass/sections/_subscription-form.scss
+++ b/resources/assets/sass/sections/_subscription-form.scss
@@ -1,16 +1,23 @@
 .subscription-form-section-component {
     $trans-speed: 100ms;
     width: 200px;
+    border: 2px solid fade-out($c-base, 0.75);
+    border-radius: 3px;
+    background-color: lighten($c-base, 75%);
 
     input {
         margin: 5px;
         width: calc(100% - 10px);
         padding: 3px;
-        border: 1px solid $c-text;
+        border: 2px solid fade-out($c-base, 0.75);
         font-size: 14px;
         text-align: center;
         transition: border-color $trans-speed;
 
+        &:not(:last-child) {
+            margin-bottom: 0px;
+        }
+
         &.error {
             border-color: $c-error;
         }
@@ -18,5 +25,10 @@
         &::placeholder, &[type="submit"] {
             text-transform: uppercase;
         }
+
+        &[type="submit"] {
+            @include font-sans-bold;
+            cursor: pointer;
+        }
     }
 }