improve controls on touch devices
This commit is contained in:
parent
fb1b8a2790
commit
6dde00fb2e
3 changed files with 40 additions and 17 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue