primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-09-20 13:17:29 +03:00
Code Issues Projects Releases Wiki Activity

Make selected state work on opening <details>

Browse Source
This commit is contained in:
Mu-An ✌️ Chiou 2017-09-13 17:59:04 +09:00
parent 34729b348e
commit be74c7195a
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
modules/primer-support/lib/mixins/buttons.scss
View File

@ -23,7 +23,8 @@
} }
&:active, &:active,
&.selected { &.selected,
[open] > & {
background-color: darken(desaturate($bg, 10%), 6%); background-color: darken(desaturate($bg, 10%), 6%);
background-image: none; background-image: none;
border-color: rgba($black, 0.35); // repeat to avoid shift on click-drag off of button border-color: rgba($black, 0.35); // repeat to avoid shift on click-drag off of button
@ -54,7 +55,8 @@
} }
&:active, &:active,
&.selected { &.selected,
[open] > & {
background-color: darken(mix($bg, $bg2, 50%), 7%); background-color: darken(mix($bg, $bg2, 50%), 7%);
background-image: none; background-image: none;
border-color: $black-fade-50; // repeat to avoid shift on click-drag off of button border-color: $black-fade-50; // repeat to avoid shift on click-drag off of button
@ -99,7 +101,8 @@
} }
&:active, &:active,
&.selected { &.selected,
[open] > & {
color: $text-white; color: $text-white;
background-color: darken($color, 5%); background-color: darken($color, 5%);
background-image: none; background-image: none;
@ -129,7 +132,8 @@
&:hover, &:hover,
&:active, &:active,
&.selected { &.selected,
[open] > & {
color: $bg-color; color: $bg-color;
background-color: $text-color; background-color: $text-color;
background-image: none; background-image: none;