primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-09-20 13:17:29 +03:00
Code Issues Projects Releases Wiki Activity

border-white-fade docs

Browse Source
This commit is contained in:
Sophie Shepherd 2017-10-19 12:07:03 -05:00
parent 62f552c824
commit 57075a29ed
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
modules/primer-marketing-utilities/docs/borders.md
View File

@ -17,3 +17,18 @@ Top, right, bottom, and left border utilities are can be used responsively to ad
.border-top-0
</div>
```
## Border Colors
### White border with alpha transparency
In addition to `.border-black-fade` which is in primer-core, primer-marketing includes `.border-white-fade`. This adds a rgba white border with an alpha transparency of `0.15`. This is useful when you want a border that is a lighter shade of the background color.
```html
<div class="border border-white-fade bg-gray-dark p-2 mb-2">
.border-white-fade .bg-gray-dark
</div>
<div class="border border-white-fade bg-blue p-2 mb-2">
.border-white-fade .bg-blue
</div>
```