sajad torkamani

Suppose you want to make the height utility classes responsive so that you can use classes like h-md-100 or h-sm-50. You can do this by adding the following SASS:

$utilities: (
  "height": (
    property: height,
    responsive: true,
    class: h,
    values: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%,
      auto: auto
    )
  ),
);

This just extends the default Bootstrap styles for the height utility classes to add the responsive: true property.

Sources

Tagged: CSS

Leave a comment

Your email address will not be published. Required fields are marked *