<div class="u-borderRadius-s u-border-all-xxs u-padding-all-xxl u-margin-all-xxl u-md-size1of3 u-lg-size1of4">
    <p>u-borderRadius-s</p>
</div>

<div class="u-borderRadius-m u-border-all-xxs u-padding-all-xxl u-margin-all-xxl u-md-size1of3 u-lg-size1of4">
    <p>u-borderRadius-m</p>
</div>

<div class="u-borderRadius-l u-border-all-xxs u-padding-all-xxl u-margin-all-xxl u-md-size1of3 u-lg-size1of4">
    <p>u-borderRadius-l</p>
</div>

<div class="u-borderRadius-circle u-border-all-xxs u-padding-all-xxl u-margin-all-xxl u-md-size1of3 u-lg-size1of4">
    <p>u-borderRadius-circle</p>
</div>
  • Content:
    /** @define utilities; */
    
    .u-borderRadius-s {
      border-radius: 2px !important;
    }
    
    .u-borderRadius-m {
      border-radius: 4px !important;
    }
    
    .u-borderRadius-l {
      border-radius: 8px !important;
    }
    
    .u-borderRadius-xl {
      border-radius: 2em !important;
    }
    
    .u-borderRadius-circle {
      border-radius: 100% !important;
    }
    
  • URL: /components/raw/corners/index.css
  • Filesystem Path: src/utils/corners/index.css
  • Size: 313 Bytes

There are no notes for this item.