primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-06 22:36:48 +03:00
Code Issues Projects Releases Wiki Activity

Remove .octicon-check as selector

Browse Source 
So that any icon can be used.
This commit is contained in:
simurai 2019-07-17 16:42:57 +09:00
parent 5757092481
commit a4a3b68375
1 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/select-menu/select-menu.scss
View File

@ -202,12 +202,9 @@
position: absolute;
height: 1.5em; // Mimics line-height to vertically center the icon
margin-left: -20px;
&.octicon-check {
visibility: hidden;
transition: transform 0.12s cubic-bezier(0.5, 0.1, 1, 0.5), visibility 0s 0.12s linear;
transform: scale(0);
}
visibility: hidden;
transition: transform 0.12s cubic-bezier(0.5, 0.1, 1, 0.5), visibility 0s 0.12s linear;
transform: scale(0);
}
// Tabs
@ -366,12 +363,12 @@
.SelectMenu-item[aria-checked="true"] {
font-weight: $font-weight-semibold;
color: $text-gray-dark;
}
.SelectMenu-item[aria-checked="true"] .SelectMenu-icon.octicon-check {
visibility: visible;
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), visibility 0s linear;
transform: scale(1);
.SelectMenu-icon {
visibility: visible;
transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), visibility 0s linear;
transform: scale(1);
}
}
// Can hover states