Skip to content

Commit e072734

Browse files
authored
Documentation: Remove deprecated faded borders documentation (#1501)
* Remove deprecated faded borders * Create proud-lions-bake.md
1 parent 6ce1883 commit e072734

File tree

2 files changed

+5
-33
lines changed

2 files changed

+5
-33
lines changed

.changeset/proud-lions-bake.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@primer/css": patch
3+
---
4+
5+
Documentation: Remove deprecated faded borders documentation

docs/content/utilities/colors.mdx

Lines changed: 0 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -131,39 +131,6 @@ Override default border colors with the following utilities.
131131
</div>
132132
```
133133

134-
### Borders with alpha transparency
135-
136-
> TODO: Deprecate?
137-
138-
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)`.
139-
140-
```html live
141-
<div class="border border-black-fade color-bg-info p-2 mb-2">.border-black-fade</div>
142-
<div class="border border-black-fade color-bg-danger p-2 mb-2">.border-black-fade</div>
143-
```
144-
145-
On dark backgrounds use `border-white-fade` instead. It adds an rgba white border with an alpha transparency of `0.15`. Or use `.border-white-fade-xx` to add a white border with various levels of alpha transparency.
146-
147-
```html live
148-
<div class="color-bg-info-inverse color-text-inverse p-3">
149-
<div class="border-bottom border-white-fade-15 p-2 mb-2">
150-
.border-white-fade-15 or .border-white-fade
151-
</div>
152-
<div class="border-bottom border-white-fade-30 p-2 mb-2">
153-
.border-white-fade-30
154-
</div>
155-
<div class="border-bottom border-white-fade-50 p-2 mb-2">
156-
.border-white-fade-50
157-
</div>
158-
<div class="border-bottom border-white-fade-70 p-2 mb-2">
159-
.border-white-fade-70
160-
</div>
161-
<div class="border-bottom border-white-fade-85 p-2 mb-2">
162-
.border-white-fade-85
163-
</div>
164-
</div>
165-
```
166-
167134
## Link colors
168135

169136
You can use the [Link](../components/links) component to change the link colors.

0 commit comments

Comments
 (0)