Skip to content

Commit

Permalink
Fix Bootstrap 4/5 stronger border class selector on border-start and …
Browse files Browse the repository at this point in the history 
…border-end #2
  • Loading branch information
@Natshah
Natshah committed Oct 23, 2021
1 parent 92d1e3a commit 06367ab
Show file tree
Hide file tree
Showing 3 changed files with 84 additions and 79 deletions.
128 changes: 64 additions & 64 deletions dist/css/bootstrap-borders-utilities.css
View file
Original file line number Diff line number Diff line change
@@ -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;
}
13 changes: 8 additions & 5 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "bootstrap-borders-utilities",
"version": "1.0.1",
"version": "1.0.2",
"description": "Bootstrap Borders Utilities",
"author": "Vardot",
"contributors": [
Expand Down Expand Up @@ -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",
Expand Down
22 changes: 12 additions & 10 deletions utilities/scss/border-color-variants.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
}
}

0 comments on commit 06367ab

Please sign in to comment.