primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-01 04:21:12 +03:00
Code Issues Projects Releases Wiki Activity

move responsive border docs from marketing to core

Browse Source
This commit is contained in:
Shawn Allen 2018-08-23 15:20:43 -07:00
parent 6d5983fc90
commit 314eeb41bb
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,16 +7,6 @@ The following border utilities are meant to used in addition to those within pri
{:toc}
## Responsive borders
Top, right, bottom, and left border utilities are can be used responsively to add or remove borders to an element at different screensizes.
```html
<div class="border-top border-sm-right border-md-bottom border-lg-top-0">
.border-top-0
</div>
```
## Border Colors
### White border with alpha transparency

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

@ -86,6 +86,7 @@ Override default border colors with blue, green, red, purple, yellow, and gray b
```
### Borders with alpha transparency
Use `border-black-fade` to add an rgba black border with an alpha transparency of `0.15`. This is useful when you want a border that tints the background color. The shade of black we use matches the hue of the GitHub dark header and our gray color palette: `rgba(27,31,35, 0.15)`.
```html
@ -142,3 +143,13 @@ You can also add rounded corners to each edge (top, right, bottom, left) with th
.rounded-left
</div>
```
## Responsive borders
Top, right, bottom, and left border utilities are can be used responsively to add or remove borders to an element at different screensizes.
```html
<div class="border-top border-sm-right border-md-bottom border-lg-top-0">
.border-top-0
</div>
```