Revert "fixes deprecation warnings"

This reverts commit bc4ec49.

Author: jtemporal

Gemfile

@@ -4,4 +4,3 @@ gem "jekyll-paginate"
 gem "jekyll-sitemap"
 gem "jekyll-redirect-from"
 gem "jekyll-seo-tag", "2.7.0"
-gem "logger"

_sass/_layout.scss

@@ -1,5 +1,3 @@
-@use "variables" as *;
-
 html,body {
     font-family: $base-font-family;
     font-size: $base-font-size;

css/main.scss

@@ -1,10 +1,53 @@
 ---
 ---
 
-@use "variables" as *;
-@use "bootstrap-readable";
-@use "layout";
-@use "custom";
-@use "syntax-highlighting";
 
-@import url("https://fonts.googleapis.com/css?family=Raleway:400,700");
+@import url("https://fonts.googleapis.com/css?family=Raleway:400,700");
+
+// Our variables
+$base-font-family: "Raleway", "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-readable",
+        "layout",
+        "custom",
+        "syntax-highlighting"
+;