primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-23 14:13:14 +03:00
Code Issues Projects Releases Wiki Activity

Update CSS for breadcrumb slash separator

Browse Source
This commit is contained in:
Kate Higa 2021-05-25 15:27:08 -07:00
parent e02694d1ba
commit 30597af94d
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/violet-peaches-retire.md Normal file
View File

@ -0,0 +1,5 @@
---
'@primer/css': patch
---
Ensures that the visual slash separator for breadcrumbs is not announced by screenreaders.

10
src/breadcrumb/breadcrumb.scss
View File

@ -6,10 +6,12 @@
list-style: none;
&::after {
padding-right: $em-spacer-5;
padding-left: $em-spacer-5;
color: var(--color-text-disabled);
content: "/";
margin: 0 $em-spacer-5;
display: inline-block;
transform: rotate(15deg);
border-right: 0.1em solid var(--color-text-disabled);;
height: 0.8em;
content: '';
}
&:first-child {