add responsive borders

This commit is contained in:
Barış Soner Uşaklı
2022-12-24 13:12:03 -05:00
parent 6e86b4afa2
commit d190bf41e0
2 changed files with 28 additions and 1 deletions

View File

@@ -2,6 +2,32 @@
// Responsive: Utility classes
// --------------------------------------------------
// borders, see https://getbootstrap.com/docs/5.2/utilities/api/#enable-responsive
$utilities: map-merge(
$utilities, (
"border": map-merge(
map-get($utilities, "border"),
( responsive: true ),
),
"border-start": map-merge(
map-get($utilities, "border-start"),
( responsive: true ),
),
"border-end": map-merge(
map-get($utilities, "border-end"),
( responsive: true ),
),
"border-top": map-merge(
map-get($utilities, "border-top"),
( responsive: true ),
),
"border-bottom": map-merge(
map-get($utilities, "border-bottom"),
( responsive: true ),
),
)
);
// ported to scss from bs3 less
@mixin responsive-visibility() {
display: block !important;

View File

@@ -31,7 +31,6 @@ const buildImports = {
'@import "@adactive/bootstrap-tagsinput/src/bootstrap-tagsinput";',
boostrapImport(themeData),
'@import "generics";',
'@import "responsive-utilities";',
source,
'@import "jquery-ui";',
'@import "cropperjs/dist/cropper";',
@@ -113,6 +112,8 @@ function boostrapImport(themeData) {
// Helpers
'@import "bootstrap/scss/helpers";',
'@import "responsive-utilities";',
// Utilities
'@import "bootstrap/scss/utilities/api";',
// scss-docs-end import-stack