From 6dde00fb2e3cee979d6b2fafb1c0adc1443d6c14 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Thu, 18 May 2017 14:11:48 +0200
Subject: improve controls on touch devices

---
 css/reveal.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

(limited to 'css/reveal.css')

diff --git a/css/reveal.css b/css/reveal.css
index c8cefe1..bc31453 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -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;
-- 
cgit v1.2.3