primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-09 12:22:47 +03:00
Code Issues Projects Releases Wiki Activity

Add gradient hack to TimelineItem-badge (#1550)

Browse Source 
* Add gradient hack to TimelineItem-badge

* Create fuzzy-carpets-promise.md
This commit is contained in:
simurai 2021-08-26 10:45:17 +09:00 committed by GitHub
parent cde3172c50
commit 8a684ee4d1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/fuzzy-carpets-promise.md Normal file
View File

@ -0,0 +1,5 @@
---
"@primer/css": patch
---
Add gradient hack to TimelineItem-badge

3
src/timeline/timeline-item.scss
View File

@ -34,7 +34,8 @@
// stylelint-disable-next-line primer/colors // stylelint-disable-next-line primer/colors
color: var(--color-icon-secondary); color: var(--color-icon-secondary);
align-items: center; align-items: center;
background-color: var(--color-timeline-badge-bg); background-color: var(--color-bg-canvas); // covers the "line"
background-image: linear-gradient(0deg, var(--color-timeline-badge-bg), var(--color-timeline-badge-bg));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders
border: 2px $border-style var(--color-bg-canvas); border: 2px $border-style var(--color-bg-canvas);
border-radius: 50%; border-radius: 50%;