primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-28 13:12:16 +03:00
Code Issues Projects Releases Wiki Activity

add .rounded-<edge> utility docs

Browse Source
This commit is contained in:
Shawn Allen 2018-07-17 22:58:51 -07:00
parent 957e55c0ab
commit 2a8647fe51
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
modules/primer-utilities/docs/borders.md
View File

@ -125,3 +125,20 @@ Use the following utilities to add or remove rounded corners: `rounded-0` remove
.circle
</div>
```
You can also add rounded corners to each edge (top, right, bottom, left) with the following utilities:
```html
<div class="border rounded-top mb-2">
.rounded-top
</div>
<div class="border rounded-right mb-2">
.rounded-right
</div>
<div class="border rounded-bottom mb-2">
.rounded-bottom
</div>
<div class="border rounded-left mb-2">
.rounded-left
</div>
```