diff --git a/dist/css/bootstrap-borders-utilities.css b/dist/css/bootstrap-borders-utilities.css
index dd91cd9..91ab551 100644
--- a/dist/css/bootstrap-borders-utilities.css
+++ b/dist/css/bootstrap-borders-utilities.css
@@ -1,143 +1,143 @@
-.border-top-primary {
+body .border-top-primary {
   border-top-color: #0d6efd !important;
 }
 
-.border-top-secondary {
+body .border-top-secondary {
   border-top-color: #6c757d !important;
 }
 
-.border-top-success {
+body .border-top-success {
   border-top-color: #198754 !important;
 }
 
-.border-top-info {
+body .border-top-info {
   border-top-color: #0dcaf0 !important;
 }
 
-.border-top-warning {
+body .border-top-warning {
   border-top-color: #ffc107 !important;
 }
 
-.border-top-danger {
+body .border-top-danger {
   border-top-color: #dc3545 !important;
 }
 
-.border-top-light {
+body .border-top-light {
   border-top-color: #f8f9fa !important;
 }
 
-.border-top-dark {
+body .border-top-dark {
   border-top-color: #212529 !important;
 }
 
-.border-bottom-primary {
+body .border-bottom-primary {
   border-bottom-color: #0d6efd !important;
 }
 
-.border-bottom-secondary {
+body .border-bottom-secondary {
   border-bottom-color: #6c757d !important;
 }
 
-.border-bottom-success {
+body .border-bottom-success {
   border-bottom-color: #198754 !important;
 }
 
-.border-bottom-info {
+body .border-bottom-info {
   border-bottom-color: #0dcaf0 !important;
 }
 
-.border-bottom-warning {
+body .border-bottom-warning {
   border-bottom-color: #ffc107 !important;
 }
 
-.border-bottom-danger {
+body .border-bottom-danger {
   border-bottom-color: #dc3545 !important;
 }
 
-.border-bottom-light {
+body .border-bottom-light {
   border-bottom-color: #f8f9fa !important;
 }
 
-.border-bottom-dark {
+body .border-bottom-dark {
   border-bottom-color: #212529 !important;
 }
 
-.border-start-primary,
-.border-left-primary {
-  border-block-start-color: #0d6efd !important;
+body .border-start-primary,
+body .border-left-primary {
+  border-left-color: #0d6efd !important;
 }
 
-.border-start-secondary,
-.border-left-secondary {
-  border-block-start-color: #6c757d !important;
+body .border-start-secondary,
+body .border-left-secondary {
+  border-left-color: #6c757d !important;
 }
 
-.border-start-success,
-.border-left-success {
-  border-block-start-color: #198754 !important;
+body .border-start-success,
+body .border-left-success {
+  border-left-color: #198754 !important;
 }
 
-.border-start-info,
-.border-left-info {
-  border-block-start-color: #0dcaf0 !important;
+body .border-start-info,
+body .border-left-info {
+  border-left-color: #0dcaf0 !important;
 }
 
-.border-start-warning,
-.border-left-warning {
-  border-block-start-color: #ffc107 !important;
+body .border-start-warning,
+body .border-left-warning {
+  border-left-color: #ffc107 !important;
 }
 
-.border-start-danger,
-.border-left-danger {
-  border-block-start-color: #dc3545 !important;
+body .border-start-danger,
+body .border-left-danger {
+  border-left-color: #dc3545 !important;
 }
 
-.border-start-light,
-.border-left-light {
-  border-block-start-color: #f8f9fa !important;
+body .border-start-light,
+body .border-left-light {
+  border-left-color: #f8f9fa !important;
 }
 
-.border-start-dark,
-.border-left-dark {
-  border-block-start-color: #212529 !important;
+body .border-start-dark,
+body .border-left-dark {
+  border-left-color: #212529 !important;
 }
 
-.border-end-primary,
-.border-right-primary {
-  border-block-end-color: #0d6efd !important;
+body .border-end-primary,
+body .border-right-primary {
+  border-right-color: #0d6efd !important;
 }
 
-.border-end-secondary,
-.border-right-secondary {
-  border-block-end-color: #6c757d !important;
+body .border-end-secondary,
+body .border-right-secondary {
+  border-right-color: #6c757d !important;
 }
 
-.border-end-success,
-.border-right-success {
-  border-block-end-color: #198754 !important;
+body .border-end-success,
+body .border-right-success {
+  border-right-color: #198754 !important;
 }
 
-.border-end-info,
-.border-right-info {
-  border-block-end-color: #0dcaf0 !important;
+body .border-end-info,
+body .border-right-info {
+  border-right-color: #0dcaf0 !important;
 }
 
-.border-end-warning,
-.border-right-warning {
-  border-block-end-color: #ffc107 !important;
+body .border-end-warning,
+body .border-right-warning {
+  border-right-color: #ffc107 !important;
 }
 
-.border-end-danger,
-.border-right-danger {
-  border-block-end-color: #dc3545 !important;
+body .border-end-danger,
+body .border-right-danger {
+  border-right-color: #dc3545 !important;
 }
 
-.border-end-light,
-.border-right-light {
-  border-block-end-color: #f8f9fa !important;
+body .border-end-light,
+body .border-right-light {
+  border-right-color: #f8f9fa !important;
 }
 
-.border-end-dark,
-.border-right-dark {
-  border-block-end-color: #212529 !important;
+body .border-end-dark,
+body .border-right-dark {
+  border-right-color: #212529 !important;
 }
diff --git a/package.json b/package.json
index 790979d..22e6a49 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-borders-utilities",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Bootstrap Borders Utilities",
   "author": "Vardot",
   "contributors": [
@@ -40,16 +40,19 @@
   "devDependencies": {
     "@popperjs/core": "^2.10.2",
     "bootstrap": "^5.1.3",
-    "glob": "^7.2.0",
-    "gulp": "^4.0.2",
+    "farbtastic": "https://github.com/mattfarina/farbtastic/archive/1.3u.tar.gz",
+    "glob": "^7.1.2",
+    "joyride": "https://github.com/zurb/joyride/archive/refs/heads/v2.1.tar.gz",
+    "gulp": "^4.0.0",
     "gulp-autoprefixer": "^4.1.0",
     "gulp-clean-css": "3.9.4",
     "gulp-concat": "^2.6.1",
+    "gulp-csscomb": "^3.1.0",
+    "gulp-filter": "^5.0.0",
     "gulp-html-replace": "^1.6.2",
-    "gulp-load-plugins": "^2.0.4",
     "gulp-postcss": "^8.0.0",
     "gulp-rename": "^1.2.2",
-    "gulp-sass": "^5.0.0",
+    "gulp-sass": "^4.0.1",
     "gulp-scss-lint": "^1.0.0",
     "gulp-sourcemaps": "^2.6.4",
     "gulp-uglify": "^3.0.0",
diff --git a/utilities/scss/border-color-variants.scss b/utilities/scss/border-color-variants.scss
index 4dfa85c..483d247 100644
--- a/utilities/scss/border-color-variants.scss
+++ b/utilities/scss/border-color-variants.scss
@@ -2,32 +2,34 @@
 // Alternate border color (side ) variants utility.
 //
 
-// scss-docs-start border-top-variant-loops
-@each $color, $value in $theme-colors {
+body {
+  // scss-docs-start border-top-variant-loops
+  @each $color, $value in $theme-colors {
     .border-top-#{$color} {
       border-top-color: #{$value} !important;
     }
   }
 
-// scss-docs-start border-buttom-variant-loops
-@each $color, $value in $theme-colors {
+  // scss-docs-start border-buttom-variant-loops
+  @each $color, $value in $theme-colors {
     .border-bottom-#{$color} {
       border-bottom-color: #{$value} !important;
     }
   }
 
-// scss-docs-start border-(start/left)-variant-loops
-@each $color, $value in $theme-colors {
+  // scss-docs-start border-(start/left)-variant-loops
+  @each $color, $value in $theme-colors {
     .border-start-#{$color},
     .border-left-#{$color} {
-      border-block-start-color: #{$value} !important;
+      border-left-color: #{$value} !important;
     }
   }
 
-// scss-docs-start border-(end/right)-variant-loops
-@each $color, $value in $theme-colors {
+  // scss-docs-start border-(end/right)-variant-loops
+  @each $color, $value in $theme-colors {
     .border-end-#{$color},
     .border-right-#{$color} {
-      border-block-end-color: #{$value} !important;
+      border-right-color: #{$value} !important;
     }
   }
+}