primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-28 16:45:52 +03:00
Code Issues Projects Releases Wiki Activity

Update small issue label colors

Browse Source
This commit is contained in:
simurai 2021-06-02 20:59:11 +09:00 committed by GitHub
parent 18183f8969
commit 3340332984
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/content/components/labels.md
View File

@ -78,10 +78,10 @@ Sometimes when adding a label the line-height can be incrased. Or the parent ele
Issue labels are used for adding labels to issues and pull requests. They also come with emoji support. Issue labels are used for adding labels to issues and pull requests. They also come with emoji support.
```html live ```html live
<span class="IssueLabel bg-blue text-white mr-1">Primer</span> <span class="IssueLabel color-bg-info-inverse color-text-white mr-1">Primer</span>
<span class="IssueLabel bg-red text-white mr-1">bug 🐛</span> <span class="IssueLabel color-bg-danger-inverse color-text-white mr-1">bug 🐛</span>
<span class="IssueLabel bg-pink text-white mr-1">help wanted</span> <span class="IssueLabel color-bg-success-inverse color-text-white mr-1">help wanted</span>
<span class="IssueLabel bg-yellow text-gray-dark mr-1">🚂 deploy: train</span> <span class="IssueLabel color-bg-warning-inverse color-text-gray-dark mr-1">🚂 deploy: train</span>
``` ```
If an issue label needs to be bigger, add the `.IssueLabel--big` modifier. If an issue label needs to be bigger, add the `.IssueLabel--big` modifier.