From c5c60729062cc3d89be7447b5d330367417aa6f7 Mon Sep 17 00:00:00 2001
From: Matt Rude <matt@mattrude.com>
Date: Sat, 3 Feb 2018 21:08:46 -0600
Subject: Update

---
 _sass/site.scss | 193 +++++++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 134 insertions(+), 59 deletions(-)

(limited to '_sass/site.scss')

diff --git a/_sass/site.scss b/_sass/site.scss
index e97b527..bf776da 100644
--- a/_sass/site.scss
+++ b/_sass/site.scss
@@ -1,6 +1,24 @@
+@charset "utf-8";
+
+//$site-color: "{{ site.color }}";
+
 $site-color: #9FCF6C;
 //$site-color: #c3950d;
 
+//////////////////////////////////////////////////////////////
+
+$color-background: $site-color;
+$color-link: darken($site-color, 20%);
+
+// Buttons
+$color-btn-primary: darken($site-color, 10%);
+$color-btn-success: darken($site-color, 20%);
+$color-btn-link:    darken($site-color, 30%);
+
+
+//////////////////////////////////////////////////////////////
+
+
 html {
   position: relative;
   min-height: 100%;
@@ -10,99 +28,155 @@ body {
   position: relative;
 }
 
+// Links
+
 a {
-  color: darken($site-color, 10%);
+    color: $color-link;
 }
 
 a:hover {
-    color: darken($site-color, 30%);
+    color: lighten($color-link, 10%);
     text-decoration: underline;
 }
 
+// Buttons
+
 .btn-primary {
     color: #fff;
-    background-color: darken($site-color, 10%);
-    border-color: darken($site-color, 15%);
+    background-color: $color-btn-primary;
+    border-color: darken($color-btn-primary, 15%);
+    &:hover {
+        color: darken($color-btn-primary, 5%);
+        background-color: darken($color-btn-primary, 20%);
+        border-color: transparent;
+    }
+    &:not(:disabled):not(.disabled).active,
+    &:not(:disabled):not(.disabled):active,
+    .show > &.dropdown-toggle {
+        color: adjust-color($color-btn-primary, $blue: 20);
+        background-color: adjust-color($color-btn-primary, $blue: 10);
+        border-color: transparent;
+    }
+    &:not(:disabled):not(.disabled).active:focus,
+    &:not(:disabled):not(.disabled):active:focus,
+    .show> &.dropdown-toggle:focuas,
+    .focus,
+    &:focus {
+        box-shadow: 0 0 0 0.2rem adjust-color($color-btn-primary, $blue: 20);
+    }
 }
 
-.btn-primary:hover {
-    color: darken($site-color, 5%);
-    background-color: darken($site-color, 25%);
-    border-color: transparent;
+.btn-success {
+    color: #fff;
+    background-color: $color-btn-success;
+    border-color: darken($color-btn-success, 15%);
+    :hover {
+        color: #fff;
+        background-color: darken($color-btn-success, 5%);
+        border-color: darken($color-btn-success, 20%);
+    }
+    :not(:disabled):not(.disabled).active,
+    :not(:disabled):not(.disabled):active {
+        color: adjust-color($color-btn-success, $blue: 20);
+        background-color: adjust-color($color-btn-success, $blue: 10);
+        border-color: transparent;
+    }
 }
 
-.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
-    color: adjust-color($site-color, $blue: 20);
-    background-color: adjust-color($site-color, $blue: 10);
-    border-color: transparent;
+.btn-link {
+    color: #fff;
+    background-color: $color-btn-link;
+    border-color: darken($color-btn-link, 15%);
+    :hover {
+        color: #fff;
+        background-color: darken($color-btn-link, 5%);
+        border-color: darken($color-btn-link, 20%);
+    }
+    :not(:disabled):not(.disabled).active,
+    :not(:disabled):not(.disabled):active {
+        color: adjust-color($color-btn-link, $blue: 20);
+        background-color: adjust-color($color-btn-link, $blue: 10);
+        border-color: transparent;
+    }
 }
 
-.btn-success {
-    color: #fff;
-    background-color: darken($site-color, 20%);
-    border-color: darken($site-color, 25%);
+// Banners
+
+.alert-warning {
+    color: darken($site-color, 30%);
+    background-color: lighten($site-color, 20%);
+    border-color: lighten($site-color, 15%);
+    a {
+        color: darken($site-color, 45%);
+        font-weight: bold;
+    }
 }
 
-.btn-success:hover {
-    color: #fff;
-    background-color: darken($site-color, 10%);
-    border-color: darken($site-color, 15%);;
+.alert-info {
+    color: darken($site-color, 20%);
+    background-color: lighten($site-color, 20%);
+    border-color: lighten($site-color, 15%);
+    a {
+        color: darken($site-color, 45%);
+        font-weight: bold;
+    }
 }
 
-.btn-link {
-    font-weight: 400;
-    color: darken($site-color, 10%);
-    background-color: transparent;
+// Index Page
+
+#opening-side {
+    margin:0 auto 25px;
 }
 
-.btn-link:hover {
-    color: darken($site-color, 30%);
-    text-decoration: underline;
-    background-color: transparent;
-    border-color: transparent;
+#register {
+    #feature-register {
+        background-color:#eee;
+        padding:60px 0;
+    }
+}
+
+// New User Guide
+
+.section-header-nug {
+    padding-top: 60px;
 }
 
+// Main Site Compoints
+
 .wrapper {
-  margin-bottom: 120px;
+    margin-bottom: 120px;
 }
 
 .jumbotron {
-  background-color: adjust-color($site-color, $blue: 5);
+    background-color: $color-background;
+    padding: 2rem;
 }
 
 #register-window {
-  .card {
-      margin-left: 25px;
-      min-height: unset;
-      margin-bottom: unset;
-  }
-  .panel-heading {
-      background-color: $site-color;
-      border-color: transparent;
-      color: darken($site-color, 60%);
-  }
-}
+    .card {
+        margin-left: 25px;
+        min-height: unset;
+        margin-bottom: unset;
+    }
 
-.footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  background-color: $site-color;
-  a {
-      color: #fff;
-  }
-  a:hover {
-      color: darken($site-color, 40%);
-      text-decoration: underline;
-  }
+    .panel-heading {
+        background-color: $site-color;
+        border-color: transparent;
+        color: darken($site-color, 60%);
+    }
 }
 
-.alert-warning {
-    color: darken($site-color, 30%);
-    background-color: lighten($site-color, 20%);
-    border-color: lighten($site-color, 15%);
+.footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    background-color: $site-color;
     a {
-        color: darken($site-color, 45%);
+        color: #fff;
+    }
+    a:hover {
+        color: darken($site-color, 40%);
+        text-decoration: underline;
     }
 }
 
@@ -161,6 +235,7 @@ a:hover {
 }
 .card-img-top {
   width: 100px;
+  height: 100px;
   margin: 30px auto 0;
 }
 
-- 
cgit v1.2.3-59-ga6da