deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

mselect on $mq-not-small looks like a dialog

Browse source
This commit is contained in:
Thibault Duplessis 2019-04-30 22:05:04 +07:00
parent a90f57ffdb
commit cd9e8e2e8b
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ui/common/css/component/_mselect.scss
View file

@ -53,6 +53,11 @@ $c-mselect: $c-primary;
}
.mselect__toggle:checked ~ & {
transform: scale(1, 1);
@include breakpoint($mq-not-small) {
position: fixed;
top: 50%;
transform: translateY(-50%) scale(1, 1);
}
> * {
opacity: 1;
transition: opacity 125ms ease-in-out 125ms;