From d190bf41e02d1cb81345d324971462586d8bf37b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?= Date: Sat, 24 Dec 2022 13:12:03 -0500 Subject: [PATCH] add responsive borders --- public/scss/responsive-utilities.scss | 26 ++++++++++++++++++++++++++ src/meta/css.js | 3 ++- 2 files changed, 28 insertions(+), 1 deletion(-) diff --git a/public/scss/responsive-utilities.scss b/public/scss/responsive-utilities.scss index c1b9f3f6f0..ea91213edf 100644 --- a/public/scss/responsive-utilities.scss +++ b/public/scss/responsive-utilities.scss @@ -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; diff --git a/src/meta/css.js b/src/meta/css.js index e66d8ce601..9bcb78ea38 100644 --- a/src/meta/css.js +++ b/src/meta/css.js @@ -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