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

Remove rest of the fills

Browse Source 
`style="fill:currentcolor"` can be used for inline `<svg>`s
This commit is contained in:
simurai 2019-07-16 15:54:30 +09:00
parent 0ebf31d88a
commit 7ad58029b2
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/css/components/toasts.md
View File

@ -82,7 +82,7 @@ Use `.Toast-dismissButton` to allow a user to explicitly dismiss a Toast.
</span>
<span class="Toast-content">This toast is dismissable.</span>
<button class="Toast-dismissButton">
<svg class="octicon octicon-x" viewBox="0 0 12 16" version="1.1" width="12" height="16" role="img"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48L7.48 8z"></path></svg>
<svg class="octicon octicon-x" style="fill:currentcolor" viewBox="0 0 12 16" version="1.1" width="12" height="16" role="img"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48L7.48 8z"></path></svg>
</button>
</div>
```

5
src/toasts/toasts.scss
View File

@ -22,7 +22,6 @@
width: $spacer-3 * 3;
flex-shrink: 0;
color: $text-white;
fill: $text-white;
background-color: $blue-500;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
@ -40,12 +39,12 @@
&:focus,
&:hover {
fill: $text-gray;
color: $text-gray;
outline: none;
}
&:active {
fill: $gray-400;
color: $gray-400;
}
}