From c966672aa413e4ba1a635977d3036da3296a3ff1 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Wed, 17 May 2017 15:20:45 +0200
Subject: adjust control layouts when there are no vertical/horiozontal slides

---
 css/reveal.css | 60 +++++++++++++++++++++++++++++++---------------------------
 1 file changed, 32 insertions(+), 28 deletions(-)

(limited to 'css/reveal.css')

diff --git a/css/reveal.css b/css/reveal.css
index 800d1bd..9067fe4 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -319,8 +319,8 @@ body {
     -webkit-transform: translateY(-10px);
             transform: translateY(-10px); }
     .reveal .controls .navigate-up .pagination-arrow {
-      -webkit-transform: translateX(-50%) rotate(90deg);
-              transform: translateX(-50%) rotate(90deg); }
+      -webkit-transform: rotate(90deg);
+              transform: rotate(90deg); }
   .reveal .controls .navigate-down {
     right: 3.2em;
     bottom: 0;
@@ -353,38 +353,17 @@ body {
   .reveal .controls .enabled:hover,
   .reveal .controls .enabled.fragmented:hover {
     opacity: 1; }
-  @media screen and (min-width: 500px) {
-    .reveal .controls[data-controls-layout="edges"] {
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0; }
-    .reveal .controls[data-controls-layout="edges"] .navigate-left,
-    .reveal .controls[data-controls-layout="edges"] .navigate-right,
-    .reveal .controls[data-controls-layout="edges"] .navigate-up,
-    .reveal .controls[data-controls-layout="edges"] .navigate-down {
-      bottom: auto;
-      right: auto; }
-    .reveal .controls[data-controls-layout="edges"] .navigate-left {
-      top: 50%;
-      left: 8px; }
-    .reveal .controls[data-controls-layout="edges"] .navigate-right {
-      top: 50%;
-      right: 8px; }
-    .reveal .controls[data-controls-layout="edges"] .navigate-up {
-      top: 8px;
-      left: 50%; }
-    .reveal .controls[data-controls-layout="edges"] .navigate-down {
-      bottom: 8px;
-      left: 50%; } }
 
 .reveal:not(.has-vertical-slides) .controls .navigate-left,
 .reveal:not(.has-vertical-slides) .controls .navigate-right {
-  bottom: 0; }
+  bottom: 10px; }
 
 .reveal:not(.has-horizontal-slides) .controls .navigate-up,
 .reveal:not(.has-horizontal-slides) .controls .navigate-down {
-  right: 0; }
+  right: 10px; }
+
+.reveal:not(.has-horizontal-slides) .controls .navigate-up {
+  bottom: 3.9em; }
 
 .reveal.has-dark-background .controls .pagination-arrow:after,
 .reveal.has-dark-background .controls .pagination-arrow:before {
@@ -394,6 +373,31 @@ body {
 .reveal.has-light-background .controls .pagination-arrow:before {
   background-color: #000; }
 
+@media screen and (min-width: 500px) {
+  .reveal .controls[data-controls-layout="edges"] {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0; }
+  .reveal .controls[data-controls-layout="edges"] .navigate-left,
+  .reveal .controls[data-controls-layout="edges"] .navigate-right,
+  .reveal .controls[data-controls-layout="edges"] .navigate-up,
+  .reveal .controls[data-controls-layout="edges"] .navigate-down {
+    bottom: auto;
+    right: auto; }
+  .reveal .controls[data-controls-layout="edges"] .navigate-left {
+    top: 50%;
+    left: 8px; }
+  .reveal .controls[data-controls-layout="edges"] .navigate-right {
+    top: 50%;
+    right: 8px; }
+  .reveal .controls[data-controls-layout="edges"] .navigate-up {
+    top: 8px;
+    left: 50%; }
+  .reveal .controls[data-controls-layout="edges"] .navigate-down {
+    bottom: 8px;
+    left: 50%; } }
+
 /*********************************************
  * PROGRESS BAR
  *********************************************/
-- 
cgit v1.2.3