diff --git a/modules/primer-marketing-utilities/docs/borders.md b/modules/primer-marketing-utilities/docs/borders.md index 33992a13..8fe5dfac 100644 --- a/modules/primer-marketing-utilities/docs/borders.md +++ b/modules/primer-marketing-utilities/docs/borders.md @@ -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 -
- .border-top-0 -
-``` - ## Border Colors ### White border with alpha transparency diff --git a/modules/primer-utilities/docs/borders.md b/modules/primer-utilities/docs/borders.md index 0c048866..52a62ed2 100644 --- a/modules/primer-utilities/docs/borders.md +++ b/modules/primer-utilities/docs/borders.md @@ -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 ``` + +## 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 +
+ .border-top-0 +
+```