1 files changed, 12 insertions, 17 deletions

diff --git a/theme/stylesheets/book/progress.less b/theme/stylesheets/book/progress.less
index cf4bd00..1cfb3d6 100644..100755
--- a/theme/stylesheets/book/progress.less
+++ b/theme/stylesheets/book/progress.less
@@ -1,24 +1,18 @@
 /* Chrome, Safari, Opera */
-@-webkit-keyframes animate-loading
-{
+@-webkit-keyframes animate-loading {
     from {width: 0%;}
     to {}
 }
 
 /* Standard syntax */
-@keyframes animate-loading
-{
+@keyframes animate-loading {
     from {width: 0%;}
     to {}
 }
 
 .book .book-body {
-    @chapter-size: 16px;
-
-    @bar-background: #eee;
-
     .book-progress {
-        height: 30px;
+        height: @progress-height;
         width: 100%;
         position: relative;
         background: #fff;
@@ -26,11 +20,11 @@
         z-index: 10;
 
         .bar {
-            height: 8px;
-            position: absolute;
-            right: 20px;
-            left: 20px;
-            top: 11px;
+            height: @bar-height;
+            position: @bar-position;
+            right: @bar-right;
+            left: @bar-left;
+            top: @bar-top;
 
             background: @bar-background;
             border-radius: 5px;
@@ -40,19 +34,20 @@
                 height: 100%;
                 width: 0%;
 
-                background: @brand-success;
+                background: @bar-progress-background;
                 -webkit-animation: animate-loading 1s; /* Chrome, Safari, Opera */
                 animation: animate-loading 1s;
 
                 .in-inner {
                     height: 100%;
                     width: 50%;
-                    
                 }
             }
         }
 
         .chapters {
+            display: @chapter-display;
+
             position: absolute;
             right: 20px + @chapter-size;
             left: 20px;
@@ -72,7 +67,7 @@
                 }
 
                 &.done {
-                    background: @brand-success;
+                    background: @bar-progress-background;
                     box-shadow: none;
                 }