improve controls on touch devices

This commit is contained in:
Hakim El Hattab
2017-05-18 14:11:48 +02:00
parent fb1b8a2790
commit 6dde00fb2e
3 changed files with 40 additions and 17 deletions

View File

@@ -376,6 +376,16 @@ body {
.reveal.has-light-background .controls {
color: #000; }
.reveal.no-hover .controls .controls-arrow:hover:before,
.reveal.no-hover .controls .controls-arrow:active:before {
-webkit-transform: translateX(0.5em) translateY(1.55em) rotate(45deg);
transform: translateX(0.5em) translateY(1.55em) rotate(45deg); }
.reveal.no-hover .controls .controls-arrow:hover:after,
.reveal.no-hover .controls .controls-arrow:active:after {
-webkit-transform: translateX(0.5em) translateY(1.55em) rotate(-45deg);
transform: translateX(0.5em) translateY(1.55em) rotate(-45deg); }
@media screen and (min-width: 500px) {
.reveal .controls[data-controls-layout="edges"] {
top: 0;