primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-04 03:46:28 +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>
<span class="Toast-content">This toast is dismissable.</span> <span class="Toast-content">This toast is dismissable.</span>
<button class="Toast-dismissButton"> <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> </button>
</div> </div>
``` ```

5
src/toasts/toasts.scss
View File

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