Upgrade to Susy 3 (#42)

Most of Susy's mixins have been deprecated, `@include container()`, `@include full()`, `@include span()`, `@include prefix()`, `@include suffix()`, `@include gallery()`, etc replace with new functions.

Fixes #21

Author: mmistakes

.codeclimate.yml

@@ -2,7 +2,6 @@
 
 [![Gem](https://img.shields.io/gem/v/jekyll-theme-basically-basic.svg?style=flat-square)](https://rubygems.org/gems/jekyll-theme-basically-basic)
 [![license](https://img.shields.io/github/license/mmistakes/jekyll-theme-basically-basic.svg?style=flat-square)](LICENSE.md)
-[![Code Climate](https://img.shields.io/codeclimate/github/mmistakes/jekyll-theme-basically-basic.svg?style=flat-square)](https://codeclimate.com/github/mmistakes/jekyll-theme-basically-basic)
 
 Basically Basic is a [Jekyll theme](https://jekyllrb.com/docs/themes/) meant as 
 a substitute for the default --- [Minima](https://github.com/jekyll/minima). 

README.md

@@ -5,14 +5,12 @@
  * https://github.com/mmistakes/jekyll-theme-basically-basic/blob/master/LICENSE.md
 */
 
-/* Mixins and functions */
-@import "basically-basic/vendor/susy";
-@import "basically-basic/vendor/breakpoint";
-@include breakpoint-set("to ems", true);
-@import "basically-basic/mixins";
-
-/* Variables */
+@import "basically-basic/functions";
 @import "basically-basic/variables";
+@import "basically-basic/mixins";
+@import "basically-basic/vendor/breakpoint/breakpoint";
+@include breakpoint-set("to ems", true);
+@import "basically-basic/vendor/susy/susy";
 
 /* Core CSS */
 @import "basically-basic/reset";

_sass/basically-basic.scss

@@ -36,7 +36,6 @@
   }
 
   .byline-item {
-
     &:not(:first-child) {
       margin-left: 1.5rem;
     }
@@ -53,7 +52,6 @@
    ========================================================================== */
 
 .entries {
-
   .entry-title {
     word-wrap: break-word; /* break long words that could overflow */
 
@@ -64,7 +62,7 @@
 
   .entry-excerpt {
     @include breakpoint($medium) {
-      @include span(11 of 16);
+      width: span(11 of 16);
     }
 
     /* normalize font sizes */
@@ -80,7 +78,7 @@
 
   .entry-content {
     @include breakpoint($medium) {
-      @include span(11 of 16);
+      width: span(11 of 16);
     }
 
     /* remove space after last child element */
@@ -91,8 +89,9 @@
 
   .entry-meta {
     @include breakpoint($medium) {
-      @include span(5 of 16 last);
-      @include prefix(1 of 16);
+      float: right;
+      width: span(5 of 16 last);
+      padding-left: gutter(1 of 16);
     }
 
     ul {
@@ -114,7 +113,6 @@
   }
 
   > .summary {
-
     > p:first-child {
       font-size: 1.125em;
       line-height: 1.625;
@@ -123,7 +121,6 @@
 }
 
 .entry-content {
-
   > p:first-child {
     font-size: 1.125em;
     line-height: 1.625;

_sass/basically-basic/_entries.scss

@@ -0,0 +1,2 @@
+@import "functions/color";
+@import "functions/fluid-type";

_sass/basically-basic/_functions.scss

@@ -23,7 +23,6 @@
 
 .intro,
 main {
-
   > .inner {
     padding: 0 0.5rem;
 
@@ -50,9 +49,10 @@ main {
 }
 
 main {
-
   section {
-    @include container;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 100%;
   }
 }
 
@@ -66,17 +66,14 @@ main {
 
 .layout--post,
 .layout--page {
-
   .entry-content {
-
     @include breakpoint($large) {
       width: span(14 of 16);
     }
   }
 }
 
 .layout--about {
-
   .entry-wrap {
     display: -ms-flexbox;
     display: flex;
@@ -90,7 +87,6 @@ main {
   }
 
   .entry-content {
-
     @include breakpoint($medium) {
       -ms-flex: 1;
       flex: 1;
@@ -118,14 +114,11 @@ main {
 }
 
 .layout--cv {
-
   .entries {
-
     .entry-header {
-
       @include breakpoint($medium) {
-        @include span(5 of 16);
-        @include suffix(1 of 16);
+        width: span(5 of 16);
+        padding-right: gutter(1 of 16);
 
         /* remove space after last child element */
         > *:last-child {
@@ -136,13 +129,13 @@ main {
 
     .entry-content {
       @include breakpoint($medium) {
-        @include span(11 of 16 last);
+        float: right;
+        width: span(11 of 16);
       }
     }
   }
 
   .entry {
-
     a {
       color: $accent-color;
     }
@@ -179,7 +172,6 @@ main {
   }
 
   .taxonomy {
-
     + .taxonomy {
       margin-top: 0.5rem;
     }

_sass/basically-basic/_layout.scss

@@ -1,7 +1,5 @@
-@import 'mixins/color';
-@import 'mixins/clearfix';
-@import 'mixins/fluid-type';
-@import 'mixins/float';
-@import 'mixins/image';
-@import 'mixins/lists';
-@import 'mixins/text-truncate';
+@import "mixins/clearfix";
+@import "mixins/float";
+@import "mixins/image";
+@import "mixins/lists";
+@import "mixins/text-truncate";

_sass/basically-basic/_mixins.scss

@@ -19,11 +19,15 @@ $max-font-size: 18px !default;
 $modular-scale-1: 1.067 !default; /* small */
 $modular-scale-2: 1.296 !default; /* large */
 /* Heading 1 */
-$h1-min: $modular-scale-1 * $modular-scale-1 * $modular-scale-1 * $modular-scale-1 * $base-font-size !default;
-$h1-max: $modular-scale-2 * $modular-scale-2 * $modular-scale-2 * $modular-scale-2 * $base-font-size !default;
+$h1-min: $modular-scale-1 * $modular-scale-1 * $modular-scale-1 *
+  $modular-scale-1 * $base-font-size !default;
+$h1-max: $modular-scale-2 * $modular-scale-2 * $modular-scale-2 *
+  $modular-scale-2 * $base-font-size !default;
 /* Heading 2 */
-$h2-min: $modular-scale-1 * $modular-scale-1 * $modular-scale-1 * $base-font-size !default;
-$h2-max: $modular-scale-2 * $modular-scale-2 * $modular-scale-2 * $base-font-size !default;
+$h2-min: $modular-scale-1 * $modular-scale-1 * $modular-scale-1 *
+  $base-font-size !default;
+$h2-max: $modular-scale-2 * $modular-scale-2 * $modular-scale-2 *
+  $base-font-size !default;
 /* Heading 3 */
 $h3-min: $modular-scale-1 * $modular-scale-1 * $base-font-size !default;
 $h3-max: $modular-scale-2 * $modular-scale-2 * $base-font-size !default;
@@ -41,7 +45,8 @@ $h6-max: ($base-font-size / $modular-scale-2) !default;
 $base-font-family: "Fira Sans", sans-serif !default;
 /* Other font families */
 $headline-font-family: $base-font-family !default;
-$monospace-font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace !default;
+$monospace-font-family: Menlo, Consolas, Monaco, "Courier New", Courier,
+  monospace !default;
 
 /* Colors */
 $base-color: #393e46 !default;
@@ -79,6 +84,3 @@ $navicon-content-bg: $text-color !default;
 /* Site image */
 $site-image-width: 50px !default;
 $site-image-height: 50px !default;
-
-/* Susy grid settings */
-$susy: (columns: 16, gutters: 0, math: fluid, output: float) !default;