diff --git a/Gemfile b/Gemfile
index 3be9c3cd812e..e2198e46def4 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,2 +1,10 @@
 source "https://rubygems.org"
-gemspec
+group :jekyll_plugins do
+    gem  "jekyll", ">= 4", "< 6.0"
+    gem  "jekyll-paginate", "~> 1.1"
+    gem  "jekyll-sitemap", "~> 1.3"
+    gem "jekyll-gist", "~> 1.5"
+    gem "jekyll-feed", "~> 0.1"
+    gem "jekyll-include-cache", "~> 0.1"
+    gem "faraday-retry", "~>2.0"
+end
diff --git a/_sass/minimal-mistakes/_forms.scss b/_sass/minimal-mistakes/_forms.scss
index 0dd9b480b7fb..98ca56e01082 100644
--- a/_sass/minimal-mistakes/_forms.scss
+++ b/_sass/minimal-mistakes/_forms.scss
@@ -1,7 +1,7 @@
 /* ==========================================================================
    Forms
    ========================================================================== */
-
+@use "sass:math";
 form {
   margin: 0 0 5px 0;
   padding: 1em;
@@ -25,7 +25,7 @@ form {
   }
 
   p {
-    margin-bottom: (5px / 2);
+    margin-bottom: math.div(5px, 2);
   }
 
   ul {
diff --git a/_sass/minimal-mistakes/_mixins.scss b/_sass/minimal-mistakes/_mixins.scss
index 4aa9eb09ca80..2db9bde8a589 100644
--- a/_sass/minimal-mistakes/_mixins.scss
+++ b/_sass/minimal-mistakes/_mixins.scss
@@ -1,7 +1,7 @@
 /* ==========================================================================
    MIXINS
    ========================================================================== */
-
+@use "sass:math";
 %tab-focus {
   /* Default*/
   outline: thin dotted $focus-color;
@@ -56,7 +56,6 @@
    Compass YIQ Color Contrast
    https://github.com/easy-designs/yiq-color-contrast
    ========================================================================== */
-
 @function yiq-is-light(
   $color,
   $threshold: $yiq-contrasted-threshold
@@ -65,7 +64,7 @@
   $green: green($color);
   $blue: blue($color);
 
-  $yiq: (($red*299)+($green*587)+($blue*114))/1000;
+  $yiq: math.div((($red * 299) + ($green * 587) + ($blue * 114)), 1000);
 
   @if $yiq-debug { @debug $yiq, $threshold; }
 
diff --git a/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss b/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss
index 97e522d11aa6..a6367fe2d1f0 100644
--- a/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss
+++ b/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss
@@ -1,6 +1,7 @@
 //////////////////////////////
 // Converts the input value to Base EMs
 //////////////////////////////
+@use "sass:math";
 @function breakpoint-to-base-em($value) {
   $value-unit: unit($value);
 
@@ -25,16 +26,16 @@
   $unit: unit($value);
 
   @if $unit == 'px' {
-    @return $value / 16px * 1em;
+    @return math.div($value, 16px) * 1em;
   }
   @else if $unit == '%' {
-    @return $value / 100% * 1em;
+    @return math.div($value, 100%) * 1em;
   }
   @else if $unit == 'em' {
     @return $value;
   }
   @else if $unit == 'pt' {
-    @return $value / 12pt * 1em;
+    @return math.div($value, 12pt) * 1em;
   }
   @else {
     @return $value;
diff --git a/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss b/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss
index 27b27bcc3cc1..87efa2192237 100644
--- a/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss
+++ b/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss
@@ -1,7 +1,6 @@
 /* Magnific Popup CSS */
-
+@use "sass:math";
 @import "settings";
-
 ////////////////////////
 //
 // Contents:
@@ -52,7 +51,7 @@ $mfp-include-iframe-type:             true !default;
 $mfp-iframe-padding-top:              40px !default;
 $mfp-iframe-background:               #000 !default;
 $mfp-iframe-max-width:                900px !default;
-$mfp-iframe-ratio:                    9/16 !default;
+$mfp-iframe-ratio:                    (9, 16) !default;
 
 // Image-type options
 $mfp-include-image-type:              true !default;
diff --git a/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss b/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss
index e7866b3f17c2..e60590b4c983 100644
--- a/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss
+++ b/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss
@@ -24,11 +24,12 @@ $mfp-controls-text-color-hover:       #fff;                     // Hover color o
 $mfp-IE7support:                      true;                       // Very basic IE7 support
 
 // Iframe-type options
+@use "sass:math";
 $mfp-include-iframe-type:             true;                       // Enable Iframe-type popups
 $mfp-iframe-padding-top:              40px;                       // Iframe padding top
 $mfp-iframe-background:               #000;                       // Background color of iframes
 $mfp-iframe-max-width:                900px;                      // Maximum width of iframes
-$mfp-iframe-ratio:                    9/16;                       // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)
+$mfp-iframe-ratio:          math.div(9, 16);                       // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)
 
 // Image-type options
 $mfp-include-image-type:              true;                       // Enable Image-type popups
diff --git a/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss b/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss
index 1e88528405f0..7da7bffcc83a 100644
--- a/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss
+++ b/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss
@@ -59,6 +59,7 @@
 ///
 /// @return {length} -
 ///   Relative or static length of a span on the grid
+@use "sass:math";
 @function su-span(
   $span,
   $columns,
@@ -90,7 +91,7 @@
   @if unitless($span-width) {
     $container-spread: su-valid-spread($container-spread);
     $container: _su-sum($columns, $gutters, $container-spread, $validate: false);
-    @return percentage($span-width / $container);
+    @return percentage(math.div($span-width, $container));
   }
 
   @return $span-width;
@@ -141,7 +142,7 @@
   }
 
   $container: _su-sum($columns, $gutters, $container-spread);
-  @return percentage($gutters / $container);
+  @return percentage(math.div($gutters, $container));
 }