0

Let's say I wanted to generate a responsive list of classes in bootstrap for a border: .customborder-sm-white, .customborder-md-white etc.

How would I also specify that the border for all those classes is always 3px high?

I can do the first part using the Utilities API:

$utilities: map-merge(
  $utilities,
  (
"customborder": (
    property: border-color,
    class: customborder,
    responsive: true,
    values: (
      black: #000000,
              white: #FFFFFF,
      
    )
   ),  
  )
);

But how could I add other properties to the generated map?

0 Answers0