[Frontend] Mobile styling

Fixes #1896
- Mod .has-local-controls to not apply when in touch context
This commit is contained in:
Charles Hacskaylo
2018-02-21 18:31:33 -08:00
parent 3d926f2ff7
commit c47defd6bc

View File

@@ -150,20 +150,22 @@
}
}
.has-local-controls {
// Hide local controls, show them when the .has element gets hover
.s-local-controls,
.local-control {
@include trans-prop-nice($props: opacity, $dur: 500ms);
opacity: 0;
}
&:hover {
body:not(.touch) {
.has-local-controls {
// Hide local controls, show them when the .has element gets hover
.s-local-controls,
.local-control {
@include trans-prop-nice($props: opacity, $dur: 0);
opacity: 1;
@include trans-prop-nice($props: opacity, $dur: 500ms);
opacity: 0;
}
&:hover {
.s-local-controls,
.local-control {
@include trans-prop-nice($props: opacity, $dur: 0);
opacity: 1;
}
}
}
}