Example

        
          <div class="opacity-25"></div>
          <div class="opacity-50"></div>
          <div class="opacity-75"></div>
        
      

Sass

Maps

Spacing utilities are declared via Sass map and then generated with our utilities API.

        
          $opacity: (
            25: .25,
            50: .5,
            75: .75
          ) !default;
        
      

Utilities API

Spacing utilities are declared in our utilities API in scss/front/_utilities.scss. Learn how to use the utilities API.

        
          "opacity": (
            property: opacity,
            class: opacity,
            values: $opacity
          )