Dry up stylesheed

4 files changed, 23 insertions, 75 deletions

diff --git a/assets/sass/_base-variables.sass b/assets/sass/_base-variables.sass
index fcefd6c..28294c2 100644
--- a/assets/sass/_base-variables.sass
+++ b/assets/sass/_base-variables.sass
@@ -1,6 +1,8 @@
 $family-sans-serif: Nunito Sans, sans-serif
-$title-stack: Nunito Sans, sans-serif
 $body-size: 16px
 $code: $primary
 $code-background: $background
 $title-weight: 300
+$navbar-background-color: $background
+$navbar-item-hover-background-color: $background
+$navbar-item-hover-color: $secondary
diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
index 32844d2..9a8ac90 100644
--- a/assets/sass/_base.sass
+++ b/assets/sass/_base.sass
@@ -1,10 +1,4 @@
-html
-    background-color: $background
-
 body
-    font-size: $body-size
-    font-family: $family-sans-serif
-    color: $body-color
     background-color: $background
 
 html.modal-open
@@ -21,21 +15,12 @@ html.modal-open
     animation: fadeIn ease-in 1
     animation-fill-mode: forwards
     animation-duration: 1s
-
-.fade-in.one
-    animation-delay: 0.7s
-
-.fade-in.two
-    animation-delay: 1.4s
-
-.fade-in.three
-    animation-delay: 1.8s
-
-.section
-    background-color: $background
-
-.hero
-    background-color: $background
+    &.one
+        animation-delay: 0.7s
+    &.two
+        animation-delay: 1.4s
+    &.three
+        animation-delay: 1.8s
 
 a
     color: $primary
@@ -45,20 +30,11 @@ a
     &:active
         color: $primary
 
-.title
-    color: $h-color
-    font-weight: 400
-
-.subtitle
-    color: $h-color
-
-h1
+h1, h2, .title, .subtitle
     color: $h-color
-    font-family: $title-stack
 
-h2
-    color: $h-color
-    font-family: $title-stack
+.title
+    font-weight: 400
 
 ul
     padding: 0
@@ -80,6 +56,9 @@ hr
     border: none
     box-shadow: none
 
+.hidden
+    display: none
+
 .img-responsive
     border-radius: 5px
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4)
@@ -98,23 +77,12 @@ hr
         font-size: 3rem
         text-align: center
 
-.tagline
-    font-size: 2.5rem
-    @include mobile
-        font-size: 1.5rem
-
 .top-pad
     padding-top: 1rem
 
 .bottom-pad
     padding-bottom: 1rem
 
-.no-padding
-    padding: 0
-
-.no-padding-top
-    padding-top: 0
-
 .strong-post-title
     font-weight: $weight-bold
 
@@ -135,31 +103,16 @@ hr
         vertical-align: baseline
         margin: 0 5px
 
-.navbar
-    background-color: $background
-
 .navbar-burger
     margin-right: auto
 
 .navbar-burger:hover
-    background-color: $background
+    background-color: $navbar-background-color
 
 .navbar-item
     text-transform: uppercase
     font-size: 14px
 
-a.navbar-item:hover
-    color: $secondary
-
-.expanding-menu
-    ul
-        list-style: none
-        display: none
-
-.expanding-menu:hover ul
-    display: block
-    transition: height 1s ease
-
 .social-icons
     padding: 0 10px
 
@@ -183,7 +136,6 @@ a.navbar-item:hover
     width: 70%
     margin: 0 auto
     text-align: center
-    font-family: $h-color
     font-size: 1.5rem
     @include mobile
         width: 100%
@@ -202,9 +154,6 @@ a.navbar-item:hover
     background-color: $background
     font-size: 1.5rem
 
-.hidden
-    display: none
-
 .markdown
     p
         margin-bottom: 1em
@@ -232,12 +181,8 @@ a.navbar-item:hover
     h6
         font-size: $size-6
     a
-        color: $primary
-        :hover
+        &:hover
             color: $secondary
-            font-style: none
-        :active
-            color: $primary
     ul
         margin-bottom: 1.25rem
         margin-left: 1.5em
diff --git a/assets/sass/_fontawesome-import.sass b/assets/sass/_fontawesome-import.sass
new file mode 100644
index 0000000..8b2d069
--- /dev/null
+++ b/assets/sass/_fontawesome-import.sass
@@ -0,0 +1,3 @@
+@import "../vendor/fontawesome-free/scss/fontawesome.scss"
+@import "../vendor/fontawesome-free/scss/fa-brands.scss"
+@import "../vendor/fontawesome-free/scss/fa-solid.scss"
diff --git a/assets/sass/style.sass b/assets/sass/style.sass
index e88ec25..3f4ef03 100644
--- a/assets/sass/style.sass
+++ b/assets/sass/style.sass
@@ -2,12 +2,10 @@
 $fa-font-path: {{ "/fonts/fontawesome-free/webfonts" | relURL }}
 $nunito-font-path: {{ "/fonts/NunitoSans" | relURL }}
 
-@import "bulma-import"
-@import "../vendor/fontawesome-free/scss/fontawesome.scss"
-@import "../vendor/fontawesome-free/scss/fa-brands.scss"
-@import "../vendor/fontawesome-free/scss/fa-solid.scss"
 @import "fonts"
-@import "base-variables"
 @import "{{ $themeStyle }}-variables"
+@import "base-variables"
+@import "bulma-import"
+@import "fontawesome-import"
 @import "base"
 @import "{{ $themeStyle }}-style"