Web Toolkit

image/svg+xml GitHub

Corners 

<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.