Transformed site to Bootstrap 4

See #11

Signed-off-by: Jim Martens <github@2martens.de>

_assets/css/_bootstrap-custom.scss

@@ -8,6 +8,10 @@
 @import "bootstrap/functions";
 @import "bootstrap/variables";
 @import "bootstrap/mixins";
+
+// overwrite variables
+$body-bg: #fdfdfd;
+
 @import "bootstrap/root";
 @import "bootstrap/print";
 @import "bootstrap/reboot";

_assets/css/main.scss

@@ -1,45 +1,5 @@
 @charset "UTF-8";
 
-// Our variables
-$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-$base-font-size:   16px;
-$base-font-weight: 400;
-$small-font-size:  $base-font-size * 0.875;
-$base-line-height: 1.5;
-
-$spacing-unit:     30px;
-
-$text-color:       #111;
-$background-color: #fdfdfd;
-$brand-color:      #2a7ae2;
-
-$grey-color:       #828282;
-$grey-color-light: lighten($grey-color, 40%);
-$grey-color-dark:  darken($grey-color, 25%);
-
-// Width of the content area
-$content-width:    800px;
-
-$on-palm:          600px;
-$on-laptop:        800px;
-
-
-
-// Use media queries like this:
-// @include media-query($on-palm) {
-//     .wrapper {
-//         padding-right: $spacing-unit / 2;
-//         padding-left: $spacing-unit / 2;
-//     }
-// }
-@mixin media-query($device) {
-    @media screen and (max-width: $device) {
-        @content;
-    }
-}
-
-
-
 // Import partials from `sass_dir` (defaults to `_sass`)
 @import
 "bootstrap-custom",
@@ -49,6 +9,32 @@ $on-laptop:        800px;
 "video-embedding"
 ;
 
+.site-header > .navbar {
+  //border-top: 5px solid $dark;
+  border-bottom: 2px solid $light;
+}
+
+body {
+  padding-top: 60px;
+}
+
+main {
+  padding-bottom: 70px;
+}
+
+.site-header > .navbar {
+  background-color: $body-bg;
+}
+
+.site-footer {
+  border-top: 2px solid $light;
+  background-color: $body-bg;
+}
+
 .post-content {
     text-align: justify;
 }
+
+.post-title {
+    font-weight: $font-weight-normal;
+}