General cleanup

Author: tksheppard

.gitignore

@@ -1,2 +1,4 @@
 node_modules/
-build/
+build/
+dist/css/style.min.css
+dist/css/bootstrap.min.css

partials/_footer.ascx

@@ -1,6 +1,6 @@
-<footer>
+<footer class="bg-light-grey">
   <div class="container upper">
-    <div class="row">
+    <div class="row py-5">
       <div id="FooterPaneOne" class="col-md-4" runat="server"></div>
       <div id="FooterPaneTwo" class="col-md-4" runat="server"></div>
       <div id="FooterPaneThree" class="col-md-4" runat="server"></div>

partials/_header.ascx

@@ -1,5 +1,5 @@
-<header>
-  <div class="container-fluid user-controls">
+<header class="bg-light-grey">
+  <div class="container-fluid user-controls bg-tertiary">
     <div class="container">
       <div class="row justify-content-end">
         <ul>

src/scss/_base.scss

@@ -19,10 +19,7 @@ body {
   -webkit-font-smoothing: antialiased;
 }
 
-h1, h2, h3, {
-	font-family: $open-sans;
-}
-h4, h5 {
+h1, h2, h3, h4, h5 {
 	font-family: $open-sans;
 }
 

src/scss/components/_components.scss

@@ -1,7 +1,6 @@
 @import 'dnn';
 @import 'buttons';
 @import 'fonts';
-@import 'forms';
 @import 'grid';
 @import 'helpers';
 @import 'nav';

src/scss/components/_dnn.scss

@@ -3304,9 +3304,8 @@ div.actionMenu .dnn_mact {
 
 /* On Page Editor */
 .eipbackimg {
-  margin-top:-41px !important;
-  margin-left:-9px !important;
   height:30px !important;
+  z-index:1250;
 
   &.editMode {
     border:none !important;

src/scss/components/_forms.scss

@@ -2,23 +2,20 @@
   @return $num / ($num * 0 + 1);
 }
 
-// REM Font-size with PX falleback
-// usage
-// @include font-size(13);
-// Output: font-size: 13px;
-//         font-size: 1.3rem;
+// rem font-size with px fallback
+// usage: @include font-size(16)
 @mixin font-size($sizeValue) {
   font-size: $sizeValue + px;
   font-size: ($sizeValue / 16) + rem;
 }
 
-// Vertical rhythm
-// @include font-baseline(16,24);
+// vertical rhythm
+// usage: @include font-baseline(16,24);
 @mixin font-baseline($font-size, $lineheight){
 	font-size: $font-size + px;
 	font-size: ($font-size / $base-font-size ) + rem;
 	line-height: ( $lineheight / $font-size / 1 );
-    margin: 0 0 ( ($lineheight / $font-size * ( 1 / ( $lineheight / $defaultlineheight))) * .5em ) 0; 
+  margin: 0 0 ( ($lineheight / $font-size * ( 1 / ( $lineheight / $defaultlineheight))) * .5em ) 0; 
 }
 
 @mixin background-cover(){

src/scss/mixins/_mixins.scss

@@ -0,0 +1,3 @@
+main div.container, main div.container-fluid {
+    margin-bottom: 4rem;
+}

src/scss/pages/_globals.scss

@@ -1,17 +1,15 @@
 footer {
-  background-color:$light-grey;
 
   .upper {
     margin-bottom:0;
-    padding-top:$ygutter;
-    padding-bottom:$ygutter;
+
   }
   a {
     font-weight:400;
   }
 
   .disclaimer {
-    font-size:12px;
+    @include font-size(12);
     padding-top:1rem;
     padding-bottom:1rem;
     margin-bottom:0;

src/scss/sections/_footer.scss

@@ -1,13 +0,0 @@
-header {
-  background-color:$light-grey;
-  
-  .user-controls {
-    background-color:$tertiary-color;
-  }
-}
-
-@include mq-max-width(576) {
-  a#dnn_dnnLOGO_hypLogo {
-    padding-left:0;
-  }
-}