Responsive border classes

[Hawkeye1909]

Hi!

I'm trying to enable responsive classes for borders as described here. But when I add the code (see below) after importing the bootstrap5 theme, it gets ignored. If I import bootstrap-utlities first, add the code and after that import the theme, I get the responsive classes but lose some settings (e.g. negative margins)... Does anyone have an idea how to realize this?

$utilities: map-merge(
  $utilities, 
  (
    "border": map-merge(
      map-get($utilities, "border"),
      ( responsive: true ),
    ),
    "border-top": map-merge(
      map-get($utilities, "border-top"),
      ( responsive: true ),
    ),
    "border-end": map-merge(
      map-get($utilities, "border-end"),
      ( responsive: true ),
    ),
    "border-bottom": map-merge(
      map-get($utilities, "border-bottom"),
      ( responsive: true ),
    ),
    "border-start": map-merge(
      map-get($utilities, "border-start"),
      ( responsive: true ),
    ),
  )
);

[peerlight]

Maybe this is connected to the problem "Sass has a limitation where once a default variable or map has been used, it cannot be updated" which is described under "New _maps.scss" on https://blog.getbootstrap.com/2022/05/13/bootstrap-5-2-0-beta/ and led the restructering the bootstrap people did.