Corner
utility
Corner style of the element
| Example | Corner radius |
| HTML code | <DIV class='box u-corner--radius'>Corner radius</DIV> |
| Type | particle |
| Group | utility |
Styles
Elements Css style
| round | Round Round corners |
| round-top | Round-top Round from top |
| round-bottom | Round-bottom Round from bottom |
| round-right | Round-right Round from right |
| round-left | Round-left Round from left |
| radius | Radius Rounded corners |
| radius-large | Radius-large Rouded more |
| radius-top | Radius-top Rounded from top |
| radius-bottom | Radius-bottom Rounded from bottom |
| radius-right | Radius-right Rounded from right |
| radius-left | Radius-left Rounded from left |
| sharp | Sharp Sharp corners |
| sharp-top | Sharp-top Sharpened from top |
| sharp-bottom | Sharp-bottom Sharpened from bottom |
| sharp-right | Sharp-right Sharpened from right |
| sharp-left | Sharp-left Sharpened from left |