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

Add .color-bg-transparent (#1985)

Browse Source 
* Add .color-bg-transparent

* Create ninety-phones-run.md

Co-authored-by: Jon Rohan <rohan@github.com>
This commit is contained in:
Sarah Vessels 2022-03-09 10:52:27 -06:00 committed by GitHub
parent d3792211df
commit c2bd6bc9bf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/ninety-phones-run.md Normal file
View File

@ -0,0 +1,5 @@
---
"@primer/css": patch
---
Adding .color-bg-transparent utility class

2
docs/content/utilities/colors.mdx
View File

@ -75,6 +75,8 @@ Background colors are most commonly used for filling large blocks of content or
<div class="color-bg-sponsors p-2 rounded mb-2">.color-bg-sponsors</div>
<div class="color-bg-sponsors-emphasis color-fg-on-emphasis p-2 rounded">.color-bg-sponsors-emphasis</div>
<div class="color-bg-transparent p-2 rounded mb-2">.color-bg-transparent</div>
```
## Border

2
src/utilities/colors.scss
View File

@ -53,6 +53,8 @@
.color-bg-sponsors { background-color: var(--color-sponsors-subtle) !important; }
.color-bg-sponsors-emphasis { background-color: var(--color-sponsors-emphasis) !important; }
.color-bg-transparent { background-color: transparent !important; }
// Border
.color-border-default { border-color: var(--color-border-default) !important; }