bumped bootstrap to 5.0.2

+ bumped postcss and sass

Author: benabraham

package-lock.json

@@ -8,7 +8,7 @@
   "main": "index.js",
   "devDependencies": {
     "autoprefixer": "^10.2.6",
-    "bootstrap": "^5.0.1",
+    "bootstrap": "^5.0.2",
     "browser-sync": "^2.26.14",
     "del": "^6.0.0",
     "esm": "^3.2.25",
@@ -18,10 +18,10 @@
     "gulp-nunjucks": "^5.1.0",
     "gulp-postcss": "^9.0.0",
     "gulp-sourcemaps": "^3.0.0",
-    "postcss": "^8.3.0",
+    "postcss": "^8.3.5",
     "postcss-uncss": "^0.17.0",
     "prettier": "2.3.1",
-    "sass": "^1.34.1",
+    "sass": "^1.35.1",
     "surge": "^0.23.0",
     "uncss": "^0.17.3"
   },

package.json

@@ -1,5 +1,5 @@
 {
-  "bootstrapVersion": "5.0.1",
+  "bootstrapVersion": "5.0.2",
   "sampleColors": [
     {
       "name": "red",

src/data.json

@@ -285,8 +285,8 @@
     /*
     $spacers: (
         0: 0,
-        1: $spacer / 4,
-        2: $spacer / 2,
+        1: $spacer * .25,
+        2: $spacer * .5,
         3: $spacer,
         4: $spacer * 1.5,
         5: $spacer * 3,
@@ -381,7 +381,7 @@
 
     // Container padding
 
-    // $container-padding-x: $grid-gutter-width / 2; $container-padding-x: $container-padding-x !global; // $grid-gutter-width / 2
+    // $container-padding-x: $grid-gutter-width * .5; $container-padding-x: $container-padding-x !global; // $grid-gutter-width * .5
 
 
     // Components
@@ -445,8 +445,8 @@
     // stylelint-enable value-keyword-case
     // $font-family-base: var(--#{$variable-prefix}font-sans-serif); $font-family-base: $font-family-base !global; // var(--#{$variable-prefix}font-sans-serif)
     // $font-family-code: var(--#{$variable-prefix}font-monospace); $font-family-code: $font-family-code !global; // var(--#{$variable-prefix}font-monospace)
-    // $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins
-    // $font-size-base effects the font size of the body text
+    // $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings and margins
+    // $font-size-base affects the font size of the body text
     // $font-size-root: null; $font-size-root: $font-size-root !global; // null
     // $font-size-base: 1rem; $font-size-base: $font-size-base !global; // 1rem // Assumes the browser default, typically `16px`
     // $font-size-sm: $font-size-base * .875; $font-size-sm: $font-size-sm !global; // $font-size-base * .875
@@ -482,7 +482,7 @@
     ); $font-sizes: $font-sizes !global;
     */
 
-    // $headings-margin-bottom: $spacer / 2; $headings-margin-bottom: $headings-margin-bottom !global; // $spacer / 2
+    // $headings-margin-bottom: $spacer * .5; $headings-margin-bottom: $headings-margin-bottom !global; // $spacer * .5
     // $headings-font-family: null; $headings-font-family: $headings-font-family !global; // null
     // $headings-font-style: null; $headings-font-style: $headings-font-style !global; // null
     // $headings-font-weight: 500; $headings-font-weight: $headings-font-weight !global; // 500
@@ -723,7 +723,7 @@
 
     // $input-height-inner: add($input-line-height * 1em, $input-padding-y * 2); $input-height-inner: $input-height-inner !global; // add($input-line-height * 1em, $input-padding-y * 2)
     // $input-height-inner-half: add($input-line-height * .5em, $input-padding-y); $input-height-inner-half: $input-height-inner-half !global; // add($input-line-height * .5em, $input-padding-y)
-    // $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2); $input-height-inner-quarter: $input-height-inner-quarter !global; // add($input-line-height * .25em, $input-padding-y / 2)
+    // $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5); $input-height-inner-quarter: $input-height-inner-quarter !global; // add($input-line-height * .25em, $input-padding-y * .5)
 
     // $input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)); $input-height: $input-height !global; // add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false))
     // $input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)); $input-height-sm: $input-height-sm !global; // add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false))
@@ -824,6 +824,7 @@
     // $form-select-padding-x-lg: $input-padding-x-lg; $form-select-padding-x-lg: $form-select-padding-x-lg !global; // $input-padding-x-lg
     // $form-select-font-size-lg: $input-font-size-lg; $form-select-font-size-lg: $form-select-font-size-lg !global; // $input-font-size-lg
 
+    // $form-select-transition: $input-transition; $form-select-transition: $form-select-transition !global; // $input-transition
     // $form-range-track-width: 100%; $form-range-track-width: $form-range-track-width !global; // 100%
     // $form-range-track-height: .5rem; $form-range-track-height: $form-range-track-height !global; // .5rem
     // $form-range-track-cursor: pointer; $form-range-track-cursor: $form-range-track-cursor !global; // pointer
@@ -848,6 +849,8 @@
     // $form-file-button-hover-bg: shade-color($form-file-button-bg, 5%); $form-file-button-hover-bg: $form-file-button-hover-bg !global; // shade-color($form-file-button-bg, 5%)
 
     // $form-floating-height: add(3.5rem, $input-height-border); $form-floating-height: $form-floating-height !global; // add(3.5rem, $input-height-border)
+
+    // $form-floating-line-height: 1.25; $form-floating-line-height: $form-floating-line-height !global; // 1.25
     // $form-floating-padding-x: $input-padding-x; $form-floating-padding-x: $form-floating-padding-x !global; // $input-padding-x
     // $form-floating-padding-y: 1rem; $form-floating-padding-y: $form-floating-padding-y !global; // 1rem
     // $form-floating-input-padding-t: 1.625rem; $form-floating-input-padding-t: $form-floating-input-padding-t !global; // 1.625rem
@@ -923,7 +926,7 @@
 
     // Navbar
 
-    // $navbar-padding-y: $spacer / 2; $navbar-padding-y: $navbar-padding-y !global; // $spacer / 2
+    // $navbar-padding-y: $spacer * .5; $navbar-padding-y: $navbar-padding-y !global; // $spacer * .5
     // $navbar-padding-x: null; $navbar-padding-x: $navbar-padding-x !global; // null
 
     // $navbar-nav-link-padding-x: .5rem; $navbar-nav-link-padding-x: $navbar-nav-link-padding-x !global; // .5rem
@@ -932,7 +935,7 @@
     // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
     // $nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2; $nav-link-height: $nav-link-height !global; // $font-size-base * $line-height-base + $nav-link-padding-y * 2
     // $navbar-brand-height: $navbar-brand-font-size * $line-height-base; $navbar-brand-height: $navbar-brand-height !global; // $navbar-brand-font-size * $line-height-base
-    // $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2; $navbar-brand-padding-y: $navbar-brand-padding-y !global; // ($nav-link-height - $navbar-brand-height) / 2
+    // $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5; $navbar-brand-padding-y: $navbar-brand-padding-y !global; // ($nav-link-height - $navbar-brand-height) * .5
     // $navbar-brand-margin-end: 1rem; $navbar-brand-margin-end: $navbar-brand-margin-end !global; // 1rem
 
     // $navbar-toggler-padding-y: .25rem; $navbar-toggler-padding-y: $navbar-toggler-padding-y !global; // .25rem
@@ -978,7 +981,7 @@
     // $dropdown-border-width: $border-width; $dropdown-border-width: $dropdown-border-width !global; // $border-width
     // $dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width); $dropdown-inner-border-radius: $dropdown-inner-border-radius !global; // subtract($dropdown-border-radius, $dropdown-border-width)
     // $dropdown-divider-bg: $dropdown-border-color; $dropdown-divider-bg: $dropdown-divider-bg !global; // $dropdown-border-color
-    // $dropdown-divider-margin-y: $spacer / 2; $dropdown-divider-margin-y: $dropdown-divider-margin-y !global; // $spacer / 2
+    // $dropdown-divider-margin-y: $spacer * .5; $dropdown-divider-margin-y: $dropdown-divider-margin-y !global; // $spacer * .5
     // $dropdown-box-shadow: $box-shadow; $dropdown-box-shadow: $dropdown-box-shadow !global; // $box-shadow
 
     // $dropdown-link-color: $gray-900; $dropdown-link-color: $dropdown-link-color !global; // $gray-900
@@ -990,7 +993,7 @@
 
     // $dropdown-link-disabled-color: $gray-500; $dropdown-link-disabled-color: $dropdown-link-disabled-color !global; // $gray-500
 
-    // $dropdown-item-padding-y: $spacer / 4; $dropdown-item-padding-y: $dropdown-item-padding-y !global; // $spacer / 4
+    // $dropdown-item-padding-y: $spacer * .25; $dropdown-item-padding-y: $dropdown-item-padding-y !global; // $spacer * .25
     // $dropdown-item-padding-x: $spacer; $dropdown-item-padding-x: $dropdown-item-padding-x !global; // $spacer
 
     // $dropdown-header-color: $gray-600; $dropdown-header-color: $dropdown-header-color !global; // $gray-600
@@ -1052,12 +1055,12 @@
 
     // $card-spacer-y: $spacer; $card-spacer-y: $card-spacer-y !global; // $spacer
     // $card-spacer-x: $spacer; $card-spacer-x: $card-spacer-x !global; // $spacer
-    // $card-title-spacer-y: $spacer / 2; $card-title-spacer-y: $card-title-spacer-y !global; // $spacer / 2
+    // $card-title-spacer-y: $spacer * .5; $card-title-spacer-y: $card-title-spacer-y !global; // $spacer * .5
     // $card-border-width: $border-width; $card-border-width: $card-border-width !global; // $border-width
     // $card-border-radius: $border-radius; $card-border-radius: $card-border-radius !global; // $border-radius
     // $card-border-color: rgba($black, .125); $card-border-color: $card-border-color !global; // rgba($black, .125)
     // $card-inner-border-radius: subtract($card-border-radius, $card-border-width); $card-inner-border-radius: $card-inner-border-radius !global; // subtract($card-border-radius, $card-border-width)
-    // $card-cap-padding-y: $card-spacer-y / 2; $card-cap-padding-y: $card-cap-padding-y !global; // $card-spacer-y / 2
+    // $card-cap-padding-y: $card-spacer-y * .5; $card-cap-padding-y: $card-cap-padding-y !global; // $card-spacer-y * .5
     // $card-cap-padding-x: $card-spacer-x; $card-cap-padding-x: $card-cap-padding-x !global; // $card-spacer-x
     // $card-cap-bg: rgba($black, .03); $card-cap-bg: $card-cap-bg !global; // rgba($black, .03)
     // $card-cap-color: null; $card-cap-color: $card-cap-color !global; // null
@@ -1067,7 +1070,7 @@
 
     // $card-img-overlay-padding: $spacer; $card-img-overlay-padding: $card-img-overlay-padding !global; // $spacer
 
-    // $card-group-margin: $grid-gutter-width / 2; $card-group-margin: $card-group-margin !global; // $grid-gutter-width / 2
+    // $card-group-margin: $grid-gutter-width * .5; $card-group-margin: $card-group-margin !global; // $grid-gutter-width * .5
 
     // Accordion
     // $accordion-padding-y: 1rem; $accordion-padding-y: $accordion-padding-y !global; // 1rem
@@ -1110,8 +1113,8 @@
     // $tooltip-bg: $black; $tooltip-bg: $tooltip-bg !global; // $black
     // $tooltip-border-radius: $border-radius; $tooltip-border-radius: $tooltip-border-radius !global; // $border-radius
     // $tooltip-opacity: .9; $tooltip-opacity: $tooltip-opacity !global; // .9
-    // $tooltip-padding-y: $spacer / 4; $tooltip-padding-y: $tooltip-padding-y !global; // $spacer / 4
-    // $tooltip-padding-x: $spacer / 2; $tooltip-padding-x: $tooltip-padding-x !global; // $spacer / 2
+    // $tooltip-padding-y: $spacer * .25; $tooltip-padding-y: $tooltip-padding-y !global; // $spacer * .25
+    // $tooltip-padding-x: $spacer * .5; $tooltip-padding-x: $tooltip-padding-x !global; // $spacer * .5
     // $tooltip-margin: 0; $tooltip-margin: $tooltip-margin !global; // 0
 
     // $tooltip-arrow-width: .8rem; $tooltip-arrow-width: $tooltip-arrow-width !global; // .8rem
@@ -1263,7 +1266,7 @@
     // $list-group-border-width: $border-width; $list-group-border-width: $list-group-border-width !global; // $border-width
     // $list-group-border-radius: $border-radius; $list-group-border-radius: $list-group-border-radius !global; // $border-radius
 
-    // $list-group-item-padding-y: $spacer / 2; $list-group-item-padding-y: $list-group-item-padding-y !global; // $spacer / 2
+    // $list-group-item-padding-y: $spacer * .5; $list-group-item-padding-y: $list-group-item-padding-y !global; // $spacer * .5
     // $list-group-item-padding-x: $spacer; $list-group-item-padding-x: $list-group-item-padding-x !global; // $spacer
     // $list-group-item-bg-scale: -80%; $list-group-item-bg-scale: $list-group-item-bg-scale !global; // -80%
     // $list-group-item-color-scale: 40%; $list-group-item-color-scale: $list-group-item-color-scale !global; // 40%

src/scss/_4-customized-bootstrap-variables.scss

@@ -15,7 +15,7 @@
 */
 
 /*!
- * Bootstrap v5.0.1 (https://getbootstrap.com/)
+ * Bootstrap v5.0.2 (https://getbootstrap.com/)
  * Copyright 2011-2021 The Bootstrap Authors
  * Copyright 2011-2021 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)