Add new lateral navigations

5 files changed, 45 insertions, 45 deletions

diff --git a/theme/stylesheets/book/body.less b/theme/stylesheets/book/body.less
index bce8e9a..e9dcb68 100644
--- a/theme/stylesheets/book/body.less
+++ b/theme/stylesheets/book/body.less
@@ -5,7 +5,15 @@
         right: 0px;
         left: 0px;
         bottom: 0px;
-        overflow-y: auto;
+
+        .body-inner {
+            position: absolute;
+            top: 0px;
+            right: 0px;
+            left: 0px;
+            bottom: 0px;
+            overflow-y: auto;
+        }
 
         .transition(left 0.5s ease);
 
@@ -14,7 +22,6 @@
         .page-wrapper {
             position: relative;
             min-height: 100%;
-            padding-bottom: 100px;
 
             .page-inner {
                 max-width: 800px;
diff --git a/theme/stylesheets/book/footer.less b/theme/stylesheets/book/footer.less
deleted file mode 100644
index fdbea10..0000000
--- a/theme/stylesheets/book/footer.less
+++ /dev/null
@@ -1,42 +0,0 @@
-.book {
-    .page-footer {
-        position: absolute;
-        bottom: 0px;
-
-        width: 100%;
-        height: 80px;
-
-        padding: 10px;
-
-        overflow: hidden;
-        
-        color: #fff;
-
-        .navigation-link {
-            display: inline-block;
-            text-align: center;
-            width: 100%;
-            height: 100%;
-            font-size: 24px;
-            line-height: 60px;
-            border-radius: 2px;
-
-            background: @brand-success;
-            color: inherit;
-
-            text-transform: uppercase;
-
-            &:hover {
-                background: darken(@btn-success-bg, 5%);
-                text-decoration: none;
-            }
-
-            &.coming-soon, &.coming-soon:hover {
-                background: #f0ad4e;
-            }
-            &.finished, &.finished:hover {
-                background: darken(@btn-success-bg, 5%);
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/theme/stylesheets/book/navigation.less b/theme/stylesheets/book/navigation.less
new file mode 100644
index 0000000..540b654
--- /dev/null
+++ b/theme/stylesheets/book/navigation.less
@@ -0,0 +1,34 @@
+.book .book-body  {
+    .navigation {
+        position: absolute;
+        top: 0px;
+        bottom: 0px;
+        margin: 0;
+        max-width: 150px;
+        min-width: 90px;
+
+        display: flex;
+        justify-content:center;
+        align-content:center;
+        flex-direction:column;
+
+        font-size: 40px;
+        color: rgba(0,0,0, 0.5);
+
+        text-align: center;
+
+        .transition(all 350ms ease);
+
+        &:hover {
+            background-color: rgba(0,0,0, 0.06);
+            text-decoration: none;
+        } 
+
+        &.navigation-next {
+            right: 0px;
+        }
+        &.navigation-prev {
+            left: 0px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/theme/stylesheets/book/progress.less b/theme/stylesheets/book/progress.less
index 25cfd4c..cf4bd00 100644
--- a/theme/stylesheets/book/progress.less
+++ b/theme/stylesheets/book/progress.less
@@ -23,6 +23,7 @@
         position: relative;
         background: #fff;
         margin-bottom: 20px;
+        z-index: 10;
 
         .bar {
             height: 8px;
diff --git a/theme/stylesheets/main.less b/theme/stylesheets/main.less
index 78b5020..5c4fe23 100644
--- a/theme/stylesheets/main.less
+++ b/theme/stylesheets/main.less
@@ -11,10 +11,10 @@
 @import "book/header.less";
 @import "book/summary.less";
 @import "book/body.less";
-@import "book/footer.less";
 @import "book/exercise.less";
 @import "book/markdown.less";
 @import "book/progress.less";
+@import "book/navigation.less";
 
 * {
     -webkit-overflow-scrolling: touch;