Upgrade all teh things

Author: CalvinAllen

Diff for: .ruby-version

@@ -1 +1 @@
-ruby-2.7.2
+ruby-3.3.2

Diff for: Gemfile.lock

@@ -1,24 +1,26 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.1)
+    addressable (2.8.6)
       public_suffix (>= 2.0.2, < 6.0)
+    bigdecimal (3.1.8)
     colorator (1.1.0)
-    concurrent-ruby (1.1.10)
+    concurrent-ruby (1.3.1)
     configatron (4.5.1)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
     eventmachine (1.2.7-x64-mingw32)
-    ffi (1.15.5)
-    ffi (1.15.5-x64-mingw32)
-    ffi (1.15.5-x64-unknown)
+    ffi (1.16.3)
     forwardable-extended (2.6.0)
+    google-protobuf (4.27.0)
+      bigdecimal
+      rake (>= 13)
     http_parser.rb (0.8.0)
-    i18n (1.12.0)
+    i18n (1.14.5)
       concurrent-ruby (~> 1.0)
-    jekyll (4.3.1)
+    jekyll (4.3.3)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
@@ -37,42 +39,50 @@ GEM
     jekyll-environment-variables (1.0.1)
       jekyll (>= 3.0, < 5.x)
     jekyll-paginate (1.1.0)
-    jekyll-sass-converter (2.2.0)
-      sassc (> 2.0.1, < 3.0)
+    jekyll-sass-converter (3.0.0)
+      sass-embedded (~> 1.54)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
     kramdown (2.4.0)
       rexml
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
-    liquid (4.0.3)
-    listen (3.7.1)
+    liquid (4.0.4)
+    listen (3.9.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (5.0.1)
+    public_suffix (5.0.5)
+    rake (13.2.1)
     rb-fsevent (0.11.2)
-    rb-inotify (0.10.1)
+    rb-inotify (0.11.1)
       ffi (~> 1.0)
-    rexml (3.2.5)
-    rouge (4.0.0)
+    rexml (3.2.8)
+      strscan (>= 3.0.9)
+    rouge (4.2.1)
     safe_yaml (1.0.5)
-    sassc (2.4.0)
-      ffi (~> 1.9)
-    sassc (2.4.0-x64-mingw32)
-      ffi (~> 1.9)
+    sass-embedded (1.77.4)
+      google-protobuf (>= 3.25, < 5.0)
+      rake (>= 13)
+    sass-embedded (1.77.4-arm64-darwin)
+      google-protobuf (>= 3.25, < 5.0)
+    sass-embedded (1.77.4-x64-mingw32)
+      google-protobuf (>= 3.25, < 5.0)
+    sass-embedded (1.77.4-x86_64-darwin)
+      google-protobuf (>= 3.25, < 5.0)
+    strscan (3.1.0)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
-    unicode-display_width (2.3.0)
-    webrick (1.7.0)
+    unicode-display_width (2.5.0)
+    webrick (1.8.1)
 
 PLATFORMS
   arm64-darwin-22
+  arm64-darwin-23
   x64-mingw32
   x64-unknown
-  x64-unknown
   x86_64-darwin-20
 
 DEPENDENCIES

Diff for: _sass/framework/_variables.scss

@@ -12,37 +12,36 @@ $container-max-widths: (
   md: 720px,
   lg: 960px,
   xl: 1140px,
-  xxl: 1320px
+  xxl: 1320px,
 );
 
 $grid-gutter-width: 30px;
 $section-gutter: 30px;
 
-$spacers: 
-  (
-    "gutter": $grid-gutter-width,
-    "gutter-half": $grid-gutter-width / 2,
-    0: 0,
-    1: 10px,
-    2: 20px,
-    3: 30px,
-    4: 40px,
-    5: 50px,
-    6: 60px,
-    7: 70px,
-    8: 80px,
-    9: 90px,
-    10: 100px,
-    11: 110px,
-    12: 120px,
-    13: 130px,
-    14: 140px,
-    15: 150px,
-    16: 160px,
-    17: 170px,
-    18: 180px,
-    19: 190px,
-    20: 200px
+$spacers: (
+  "gutter": $grid-gutter-width,
+  "gutter-half": calc($grid-gutter-width / 2),
+  0: 0,
+  1: 10px,
+  2: 20px,
+  3: 30px,
+  4: 40px,
+  5: 50px,
+  6: 60px,
+  7: 70px,
+  8: 80px,
+  9: 90px,
+  10: 100px,
+  11: 110px,
+  12: 120px,
+  13: 130px,
+  14: 140px,
+  15: 150px,
+  16: 160px,
+  17: 170px,
+  18: 180px,
+  19: 190px,
+  20: 200px,
 );
 
 // Theme Variables

Diff for: _sass/framework/bootstrap/vendor/_rfs.scss

@@ -7,6 +7,7 @@
 // Licensed under MIT (https://github.com/twbs/rfs/blob/main/LICENSE)
 
 // Configuration
+@use "sass:math";
 
 // Base value
 $rfs-base-value: 1.25rem !default;
@@ -54,7 +55,7 @@ $rfs-base-value-unit: unit($rfs-base-value);
 
 @function divide($dividend, $divisor, $precision: 10) {
   $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);
-  $dividend: abs($dividend);
+  $dividend: math.abs($dividend);
   $divisor: abs($divisor);
   @if $dividend == 0 {
     @return 0;
@@ -72,7 +73,7 @@ $rfs-base-value-unit: unit($rfs-base-value);
       $quotient: $quotient + 1;
     }
     $result: $result * 10 + $quotient;
-    $factor: $factor * .1;
+    $factor: $factor * 0.1;
     $remainder: $remainder * 10;
     $precision: $precision - 1;
     @if ($precision < 0 and $remainder >= $divisor * 5) {
@@ -86,7 +87,7 @@ $rfs-base-value-unit: unit($rfs-base-value);
     "px": 1px,
     "rem": 1rem,
     "em": 1em,
-    "%": 1%
+    "%": 1%,
   );
   @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {
     $result: $result * map-get($unit-map, $dividend-unit);
@@ -97,8 +98,7 @@ $rfs-base-value-unit: unit($rfs-base-value);
 // Remove px-unit from $rfs-base-value for calculations
 @if $rfs-base-value-unit == px {
   $rfs-base-value: divide($rfs-base-value, $rfs-base-value * 0 + 1);
-}
-@else if $rfs-base-value-unit == rem {
+} @else if $rfs-base-value-unit == rem {
   $rfs-base-value: divide($rfs-base-value, divide($rfs-base-value * 0 + 1, $rfs-rem-value));
 }
 
@@ -108,8 +108,7 @@ $rfs-breakpoint-unit-cache: unit($rfs-breakpoint);
 // Remove unit from $rfs-breakpoint for calculations
 @if $rfs-breakpoint-unit-cache == px {
   $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);
-}
-@else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == "em" {
+} @else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == "em" {
   $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));
 }
 
@@ -125,14 +124,12 @@ $rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height
       @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}), (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {
         @content;
       }
-    }
-    @else {
+    } @else {
       @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) and (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {
         @content;
       }
     }
-  }
-  @else {
+  } @else {
     @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {
       @content;
     }
@@ -148,21 +145,18 @@ $rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height
     &.disable-rfs {
       @content;
     }
-  }
-  @else if $rfs-class == enable and $rfs-mode == min-media-query {
+  } @else if $rfs-class == enable and $rfs-mode == min-media-query {
     .enable-rfs &,
     &.enable-rfs {
       @content;
     }
-  }
-  @else {
+  } @else {
     @content;
   }
 }
 
 // Internal mixin that adds enable classes to the selector if needed.
 @mixin _rfs-media-query-rule {
-
   @if $rfs-class == enable {
     @if $rfs-mode == min-media-query {
       @content;
@@ -174,8 +168,7 @@ $rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height
         @content;
       }
     }
-  }
-  @else {
+  } @else {
     @if $rfs-class == disable and $rfs-mode == min-media-query {
       .disable-rfs &,
       &.disable-rfs {
@@ -191,30 +184,27 @@ $rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height
 // Helper function to get the formatted non-responsive value
 @function rfs-value($values) {
   // Convert to list
-  $values: if(type-of($values) != list, ($values,), $values);
+  $values: if(type-of($values) != list, ($values), $values);
 
-  $val: '';
+  $val: "";
 
   // Loop over each value and calculate value
   @each $value in $values {
     @if $value == 0 {
-      $val: $val + ' 0';
-    }
-    @else {
+      $val: $val + " 0";
+    } @else {
       // Cache $value unit
       $unit: if(type-of($value) == "number", unit($value), false);
 
       @if $unit == px {
         // Convert to rem if needed
-        $val: $val + ' ' + if($rfs-unit == rem, #{divide($value, $value * 0 + $rfs-rem-value)}rem, $value);
-      }
-      @else if $unit == rem {
+        $val: $val + " " + if($rfs-unit == rem, #{divide($value, $value * 0 + $rfs-rem-value)}rem, $value);
+      } @else if $unit == rem {
         // Convert to px if needed
-        $val: $val + ' ' + if($rfs-unit == px, #{divide($value, $value * 0 + 1) * $rfs-rem-value}px, $value);
-      }
-      @else {
+        $val: $val + " " + if($rfs-unit == px, #{divide($value, $value * 0 + 1) * $rfs-rem-value}px, $value);
+      } @else {
         // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
-        $val: $val + ' ' + $value;
+        $val: $val + " " + $value;
       }
     }
   }
@@ -226,34 +216,29 @@ $rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height
 // Helper function to get the responsive value calculated by RFS
 @function rfs-fluid-value($values) {
   // Convert to list
-  $values: if(type-of($values) != list, ($values,), $values);
+  $values: if(type-of($values) != list, ($values), $values);
 
-  $val: '';
+  $val: "";
 
   // Loop over each value and calculate value
   @each $value in $values {
     @if $value == 0 {
-      $val: $val + ' 0';
-    }
-
-    @else {
+      $val: $val + " 0";
+    } @else {
       // Cache $value unit
       $unit: if(type-of($value) == "number", unit($value), false);
 
       // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
       @if not $unit or $unit != px and $unit != rem {
-        $val: $val + ' ' + $value;
-      }
-
-      @else {
+        $val: $val + " " + $value;
+      } @else {
         // Remove unit from $value for calculations
         $value: divide($value, $value * 0 + if($unit == px, 1, divide(1, $rfs-rem-value)));
 
         // Only add the media query if the value is greater than the minimum value
         @if abs($value) <= $rfs-base-value or not $enable-rfs {
-          $val: $val + ' ' +  if($rfs-unit == rem, #{divide($value, $rfs-rem-value)}rem, #{$value}px);
-        }
-        @else {
+          $val: $val + " " + if($rfs-unit == rem, #{divide($value, $rfs-rem-value)}rem, #{$value}px);
+        } @else {
           // Calculate the minimum value
           $value-min: $rfs-base-value + divide(abs($value) - $rfs-base-value, $rfs-factor);
 
@@ -273,7 +258,7 @@ $rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height
           $variable-width: #{divide($value-diff * 100, $rfs-breakpoint)}#{$variable-unit};
 
           // Return the calculated value
-          $val: $val + ' calc(' + $min-width + if($value < 0, ' - ', ' + ') + $variable-width + ')';
+          $val: $val + " calc(" + $min-width + if($value < 0, " - ", " + ") + $variable-width + ")";
         }
       }
     }
@@ -292,8 +277,7 @@ $rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height
     // Do not print the media query if responsive & non-responsive values are the same
     @if $val == $fluidVal {
       #{$property}: $val;
-    }
-    @else {
+    } @else {
       @include _rfs-rule {
         #{$property}: if($rfs-mode == max-media-query, $val, $fluidVal);
 

Diff for: _sass/framework/zerostatic/blocks/sections/_title.scss

@@ -90,7 +90,7 @@
   }
   .title-cols {
     display: flex;
-    gap: $grid-gutter-width / 2;
+    gap: calc($grid-gutter-width / 2);
     flex-direction: column;
     @include media-breakpoint-up(md) {
       gap: $grid-gutter-width;

Diff for: _sass/framework/zerostatic/global/_bottom.scss

@@ -1,7 +1,7 @@
 .bottom {
   background-color: var(--color-bottom-bg);
-  padding-top: $section-gutter / 2;
-  padding-bottom: $section-gutter / 2;
+  padding-top: calc($section-gutter / 2);
+  padding-bottom: calc($section-gutter / 2);
   font-size: 12px;
   .copyright {
     padding: 3px 0;