diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-18 14:11:48 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-05-18 14:11:48 +0200 |
| commit | 6dde00fb2e3cee979d6b2fafb1c0adc1443d6c14 (patch) | |
| tree | 285f4929ce46d69f3e5e9182e55311dd3d41683c /css/reveal.css | |
| parent | fb1b8a2790a5984c7e47539c2012030633d2b3e7 (diff) | |
| download | fosdem-2018-presentation-6dde00fb2e3cee979d6b2fafb1c0adc1443d6c14.tar fosdem-2018-presentation-6dde00fb2e3cee979d6b2fafb1c0adc1443d6c14.tar.gz | |
improve controls on touch devices
Diffstat (limited to 'css/reveal.css')
| -rw-r--r-- | css/reveal.css | 10 |
1 files changed, 10 insertions, 0 deletions
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; |