Dry up stylesheed

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

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,21 +30,12 @@ a
     &:active
         color: $primary
 
+h1, h2, .title, .subtitle
+    color: $h-color
+
 .title
-    color: $h-color
     font-weight: 400
 
-.subtitle
-    color: $h-color
-
-h1
-    color: $h-color
-    font-family: $title-stack
-
-h2
-    color: $h-color
-    font-family: $title-stack
-
 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

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"

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"

exampleSite/resources/_gen/assets/sass/de/sass/style.sass_065a25a4dafeb4227239fe9a8e6c8eaa.json

@@ -1 +1 @@
-{"Target":"styles/main.min.84c42c7a3665b49259fb9858108552fbc0d7063a0c7f98634800c3d8e760abd7.css","MediaType":"text/css","Data":{"Integrity":"sha256-hMQsejZltJJZ+5hYEIVS+8DXBjoMf5hjSADD2Odgq9c="}}
+{"Target":"styles/main.min.88e4a525bef0c5911f208d47535e56f02a7e2658dd19eaab52840dde669f1dd3.css","MediaType":"text/css","Data":{"Integrity":"sha256-iOSlJb7wxZEfII1HU15W8Cp+JljdGeqrUoQN3mafHdM="}}

exampleSite/resources/_gen/assets/sass/es/sass/style.sass_065a25a4dafeb4227239fe9a8e6c8eaa.json

@@ -1 +1 @@
-{"Target":"styles/main.min.84c42c7a3665b49259fb9858108552fbc0d7063a0c7f98634800c3d8e760abd7.css","MediaType":"text/css","Data":{"Integrity":"sha256-hMQsejZltJJZ+5hYEIVS+8DXBjoMf5hjSADD2Odgq9c="}}
+{"Target":"styles/main.min.88e4a525bef0c5911f208d47535e56f02a7e2658dd19eaab52840dde669f1dd3.css","MediaType":"text/css","Data":{"Integrity":"sha256-iOSlJb7wxZEfII1HU15W8Cp+JljdGeqrUoQN3mafHdM="}}

exampleSite/resources/_gen/assets/sass/sass/style.sass_065a25a4dafeb4227239fe9a8e6c8eaa.json

@@ -1 +1 @@
-{"Target":"styles/main.min.84c42c7a3665b49259fb9858108552fbc0d7063a0c7f98634800c3d8e760abd7.css","MediaType":"text/css","Data":{"Integrity":"sha256-hMQsejZltJJZ+5hYEIVS+8DXBjoMf5hjSADD2Odgq9c="}}
+{"Target":"styles/main.min.88e4a525bef0c5911f208d47535e56f02a7e2658dd19eaab52840dde669f1dd3.css","MediaType":"text/css","Data":{"Integrity":"sha256-iOSlJb7wxZEfII1HU15W8Cp+JljdGeqrUoQN3mafHdM="}}

layouts/index.html

@@ -34,7 +34,7 @@
             {{ end }}
 
             <!-- Done with Hero -->
-            <div class="section no-padding-top {{ if .Site.Params.fadeIn | default true }}fade-in three{{ end }}">
+            <div class="{{ if .Site.Params.fadeIn | default true }}fade-in three{{ end }}">
                 <!-- Tell them all about it! -->
                 {{ partial "nav.html" . }}