From ae0bc1872c6dddc978a5bf3cd27aa0676181e808 Mon Sep 17 00:00:00 2001
From: captainill <jonthomas0@gmail.com>
Date: Sat, 14 Nov 2015 17:18:30 -0800
Subject: [PATCH] noticed a few other whitespace issues

---
 website/www/source/stylesheets/_footer.less   | 116 +--
 .../source/stylesheets/_media-queries.less    | 977 +++++++++---------
 website/www/source/stylesheets/_sidebar.less  | 150 +--
 3 files changed, 620 insertions(+), 623 deletions(-)

diff --git a/website/www/source/stylesheets/_footer.less b/website/www/source/stylesheets/_footer.less
index b1ccf64c2..165b63c68 100644
--- a/website/www/source/stylesheets/_footer.less
+++ b/website/www/source/stylesheets/_footer.less
@@ -23,79 +23,71 @@ footer {
 
         &:hover {
           color: @purple;
-          } //li a:hover
-          } // li a
-          } //li
+        }
+      }
+    }
+  }
 
-          } //ul
+  ul.logos {
+    margin: (@baseline * 2) 0;
 
 
-          ul.logos {
-            margin: (@baseline * 2) 0;
+    li {
+      display: inline-block;
+    }
 
+    span {
+      color: @dark-gray-text;
+      .museo-sans-light;
+      text-transform: uppercase;
+      font-size: 40px;
+      margin: 0 10px;
+    }
 
-            li {
-              display: inline-block;
-            }
+    .vagrant-logo-monochrome,
+    .hashi-logo-monochrome {
 
-            span {
-              color: @dark-gray-text;
-              .museo-sans-light;
-              text-transform: uppercase;
-              font-size: 40px;
-              margin: 0 10px;
-            }
+      &:hover {
+        -khtml-opacity: .85;
+        -moz-opacity: .85;
+        opacity: .85;
+        filter: alpha(opacity=85);
+        .animate-opacity;
+      }
+    }
 
-            .vagrant-logo-monochrome,
-            .hashi-logo-monochrome {
+    .vagrant-logo-monochrome {
+      height: 80px;
+      width: 80px;
+      background: url(/images/footer_vagrant_logo.png) no-repeat center center;
+      margin-bottom: -25px;
 
-              &:hover {
-                -khtml-opacity: .85;
-                -moz-opacity: .85;
-                opacity: .85;
-                filter: alpha(opacity=85);
-                .animate-opacity;
-              }
-            }
+    }
 
-            .vagrant-logo-monochrome {
-              height: 80px;
-              width: 80px;
-              background: url(/images/footer_vagrant_logo.png) no-repeat center center;
-              margin-bottom: -25px;
+    .hashi-logo-monochrome {
+      height: 80px;
+      width: 80px;
+      background: url(/images/footer_hashi_logo.png) no-repeat center center;
+      margin-bottom: -25px;
+    }
 
-            }
+  }
 
-            .hashi-logo-monochrome {
-              height: 80px;
-              width: 80px;
-              background: url(/images/footer_hashi_logo.png) no-repeat center center;
-              margin-bottom: -25px;
-            }
+  a.contact-link {
+    color: @dark-gray-text;
+    line-height: @base-line-height * 2;
+    font-size: 30px;
 
-          }
+    &:hover {
+      color: @white;
+    }
 
+    &:visited {
+      color: inherit;
+    }
 
-          a.contact-link {
-            color: @dark-gray-text;
-            line-height: @base-line-height * 2;
-            font-size: 30px;
-
-            &:hover {
-              color: @white;
-            }
-
-            &:visited {
-              color: inherit;
-            }
-
-            &:active {
-              color: @blue;
-            }
-            } //contact link
-
-
-
-
-
-            } //footer
+    &:active {
+      color: @blue;
+    }
+  }
+}
diff --git a/website/www/source/stylesheets/_media-queries.less b/website/www/source/stylesheets/_media-queries.less
index c39b3cad5..f1b69c650 100644
--- a/website/www/source/stylesheets/_media-queries.less
+++ b/website/www/source/stylesheets/_media-queries.less
@@ -1,549 +1,554 @@
 @media (max-width: 480px) {
-    nav {
-        height: auto;
-        font-size: 13px;
-        padding: 10px 0;
-        .drop-shadow;
+  nav {
+    height: auto;
+    font-size: 13px;
+    padding: 10px 0;
+    .drop-shadow;
 
-        a.vagrant-docs-logo {
-            background: url(/images/logo_docs_small.png) no-repeat  center center !important;
-            display: inline-block !important;
-            float: none !important;
-            position: relative;
-            width: 200px !important;
-            left: 50%;
-            padding: 10px 0;
-            .reset;
-            margin-left: -100px !important;
-        }
-
-        a.vagrant-logo {
-            background: url(/images/logo_vagrant.png) no-repeat  center center !important;
-            display: inline-block !important;
-            float: none !important;
-            position: relative;
-            width: 80% !important;
-            left: 50%;
-            padding: 10px 0;
-            .reset;
-            margin-left: -130px !important;
-        }
-
-        ul {
-            position: relative;
-            margin: 0 auto;
-            width: 100%;
-            text-align: center;
-            padding: 10px 0 0;
-        }
+    a.vagrant-docs-logo {
+      background: url(/images/logo_docs_small.png) no-repeat  center center !important;
+      display: inline-block !important;
+      float: none !important;
+      position: relative;
+      width: 200px !important;
+      left: 50%;
+      padding: 10px 0;
+      .reset;
+      margin-left: -100px !important;
     }
 
-    a.brand {
-        display: none !important;
-        position: static !important;
-        width: 200px !important;
-        margin: 0 0 0 0 !important;
-        background-position: center center !important;
+    a.vagrant-logo {
+      background: url(/images/logo_vagrant.png) no-repeat  center center !important;
+      display: inline-block !important;
+      float: none !important;
+      position: relative;
+      width: 80% !important;
+      left: 50%;
+      padding: 10px 0;
+      .reset;
+      margin-left: -130px !important;
     }
 
-    .search {
-        input {
-            font-size: 20px !important;
-            padding: 0 !important;
+    ul {
+      position: relative;
+      margin: 0 auto;
+      width: 100%;
+      text-align: center;
+      padding: 10px 0 0;
+    }
+  }
+
+  a.brand {
+    display: none !important;
+    position: static !important;
+    width: 200px !important;
+    margin: 0 0 0 0 !important;
+    background-position: center center !important;
+  }
+
+  .search {
+    input {
+      font-size: 20px !important;
+      padding: 0 !important;
+
+    }
+  }
+
+  ::-webkit-input-placeholder  {
+    overflow: visible;
+    padding-top: 3px;
+    font-size: 15px;
+  }
+
+  input:-moz-placeholder {
+    overflow: visible;
+    padding-top: 3px;
+    font-size: 15px;
+  }
+
+  .page {
+
+    .page-contents {
 
-        }
     }
 
-    ::-webkit-input-placeholder  {
-        overflow: visible;
-        padding-top: 3px;
-        font-size: 15px;
-    }
-
-    input:-moz-placeholder {
-        overflow: visible;
-        padding-top: 3px;
-        font-size: 15px;
-    }
-
-    .page {
-
-        .page-contents {
-
-        } //page contents
-
-        &.home {
-            .hero {
-                background-size: 300%;
-                background-position: center 0;
-                height: auto;
-
-                .hero-content {
-                    margin-top: 40px;
-                }
-
-                h1 {
-                    font-size: 40px !important;
-                    line-height: 40px !important;
-                    margin-bottom: 30px !important;
-                    letter-spacing: 1px;
-                    padding-bottom: 50px;
-                } //h1
-
-                h2 {
-                    font-size: 20px !important;
-                    line-height: 25px !important;
-                } //h2
-            } //hero
-        } //home
-
-        &.vmware {
-            .hero {
-                background-size: 300%;
-
-                hgroup {
-                    margin-top: 225px !important;
-                }
-
-                h2 {
-                    font-size: 14px !important;
-                    line-height: 20px !important;
-                    width: 80%;
-                    margin: 0 auto;
-                }
-            }
-        } //vmware
-
-        .why-vagrant {
-            padding: 40px 0 !important;
-
-            hgroup {
-                margin: 40px 0 !important;
-                width: auto !important;
-
-                :last-child {
-                    margin-bottom: 0;
-                }
-            } //hgroup
-
-            h1 {
-                font-size: 30px !important;
-                line-height: 30px !important;
-            }
-
-            h3 {
-                font-size: 40px !important;
-                line-height: 40px !important;
-                margin-bottom: 20px !important;
-            }
-
-            h4 {
-                .hyphenate;
-            }
-        } //why-vagrant
-
-        .get-started {
-            padding: 40px 0 !important;
-
-            h1 {
-                width: 60%;
-                font-size: 30px !important;
-                line-height: 30px !important;
-            }
-
-            pre {
-                margin: 30px auto 30px !important;
-            }
-        } //get-started
-
-        .customers {
-            padding: 40px 0 !important;
-
-            h1 {
-                font-size: 30px !important;
-                line-height: 30px !important;
-            }
-        } //customers
-
-        &.inner {
-            padding-top: 30px;
-
-            .page-contents {
-                padding: 40px 0;
-            }
-        } //inner
-
-        &.docs {
-
-            .page-contents {
-                padding: 40px 0;
-            }
-
-            h1 {
-                font-size: 40px;
-                line-height: 40px;
-            }
-
-            h2 {
-                font-size: 25px;
-                line-height: 30px;
-            }
-
-            h2.steps img {
-                display: block;
-                margin-bottom: 20px;
-            }
-        } //docs
-
-    } //page
-
-    footer {
-        padding: 40px 0 !important;
+    &.home {
+      .hero {
         background-size: 300%;
-        background-position: center bottom;
-        background-repeat: no-repeat;
+        background-position: center 0;
+        height: auto;
 
-        ul.footer-nav {
-            font-size: 13px;
+        .hero-content {
+          margin-top: 40px;
         }
+
+        h1 {
+          font-size: 40px !important;
+          line-height: 40px !important;
+          margin-bottom: 30px !important;
+          letter-spacing: 1px;
+          padding-bottom: 50px;
+        }
+
+        h2 {
+          font-size: 20px !important;
+          line-height: 25px !important;
+        }
+      }
     }
 
-    .button {
-        margin: 0 auto;
-        padding: 6px 0;
-        font-size: 20px;
-        letter-spacing: 3px;
-        .museo-sans-regular;
+    &.vmware {
+      .hero {
+        background-size: 300%;
+
+        hgroup {
+          margin-top: 225px !important;
+        }
+
+        h2 {
+          font-size: 14px !important;
+          line-height: 20px !important;
+          width: 80%;
+          margin: 0 auto;
+        }
+      }
     }
 
-    .search-bar {
-        margin-top: 160px !important;
+    .why-vagrant {
+      padding: 40px 0 !important;
+
+      hgroup {
+        margin: 40px 0 !important;
+        width: auto !important;
+
+        :last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      h1 {
+        font-size: 30px !important;
+        line-height: 30px !important;
+      }
+
+      h3 {
+        font-size: 40px !important;
+        line-height: 40px !important;
+        margin-bottom: 20px !important;
+      }
+
+      h4 {
+        .hyphenate;
+      }
     }
 
-    .pagination {
-        font-size: 15px;
+    .get-started {
+      padding: 40px 0 !important;
 
+      h1 {
+        width: 60%;
+        font-size: 30px !important;
+        line-height: 30px !important;
+      }
+
+      pre {
+        margin: 30px auto 30px !important;
+      }
     }
 
-    footer {
+    .customers {
+      padding: 40px 0 !important;
 
-        a.contact-link {
-            font-size: 20px;
-        } // contact link
+      h1 {
+        font-size: 30px !important;
+        line-height: 30px !important;
+      }
     }
 
-} //mobile
+    &.inner {
+      padding-top: 30px;
+
+      .page-contents {
+        padding: 40px 0;
+      }
+    }
+
+    &.docs {
+
+      .page-contents {
+        padding: 40px 0;
+      }
+
+      h1 {
+        font-size: 40px;
+        line-height: 40px;
+      }
+
+      h2 {
+        font-size: 25px;
+        line-height: 30px;
+      }
+
+      h2.steps img {
+        display: block;
+        margin-bottom: 20px;
+      }
+    }
+
+  }
+
+  footer {
+    padding: 40px 0 !important;
+    background-size: 300%;
+    background-position: center bottom;
+    background-repeat: no-repeat;
+
+    ul.footer-nav {
+      font-size: 13px;
+    }
+  }
+
+  .button {
+    margin: 0 auto;
+    padding: 6px 0;
+    font-size: 20px;
+    letter-spacing: 3px;
+    .museo-sans-regular;
+  }
+
+  .search-bar {
+    margin-top: 160px !important;
+  }
+
+  .pagination {
+    font-size: 15px;
+
+  }
+
+  footer {
+
+    a.contact-link {
+      font-size: 20px;
+    }
+  }
+
+}
 
 @media (min-width: 768px) and (max-width: 979px) {
-    nav {
-        a.vagrant-logo {
-            background: url(/images/logo_small.png) no-repeat 0 0 !important;
-            width: 80px;
-        }
-
-        ul {
-            margin: 25px 20px;
-        }
-    } // nav
-
-    .hero-content {
-        .button {
-            float: none;
-            width: 400px;
-            margin: 0 auto;
-        }
+  nav {
+    a.vagrant-logo {
+      background: url(/images/logo_small.png) no-repeat 0 0 !important;
+      width: 80px;
     }
 
-    .toggle {
-        display: none !important;
+    ul {
+      margin: 25px 20px;
     }
+  }
 
-    .sidebar-nav ul {
-        display: block !important;
+  .hero-content {
+    .button {
+      float: none;
+      width: 400px;
+      margin: 0 auto;
     }
+  }
 
-} // 768 < x < 979
+  .toggle {
+    display: none !important;
+  }
+
+  .sidebar-nav ul {
+    display: block !important;
+  }
+
+}
+// 768 < x < 979
 
 @media (min-width: 1200px) {
 
-} // > 1200
+}
+// > 1200
 
 @media (max-width: 979px) {
 
-    .vagrant-docs-logo {
-        background: url(/images/logo_docs_small.png) no-repeat 0 0 !important;
-        width: 165px !important;
-    }
+  .vagrant-docs-logo {
+    background: url(/images/logo_docs_small.png) no-repeat 0 0 !important;
+    width: 165px !important;
+  }
 
-    .page {
-        &.vmware {
-            .hero {
-                background-color: #2C3F40;
-                background-position: center 0px;
-                height: auto;
-                padding-bottom: 20px;
+  .page {
+    &.vmware {
+      .hero {
+        background-color: #2C3F40;
+        background-position: center 0px;
+        height: auto;
+        padding-bottom: 20px;
 
-                .button {
-                    margin-bottom: 10px;
-                }
-            }
+        .button {
+          margin-bottom: 10px;
         }
+      }
     }
-} // < 979
+  }
+}
+// < 979
 
 
 @media (min-width: 980px) {
 
-} // > 980
+}
+// > 980
 
 @media (min-width: 481px) and (max-width: 767px) {
-    .page {
-        &.vmware {
-            .hero {
-                background-size: 200%;
+  .page {
+    &.vmware {
+      .hero {
+        background-size: 200%;
 
-                hgroup {
-                    margin-top: 270px !important;
-                }
-            }
+        hgroup {
+          margin-top: 270px !important;
         }
+      }
     }
-} // > 481 && < 767
+  }
+}
+// > 481 && < 767
 
 @media (max-width: 767px) {
-    .wrapper {
-        margin: 0px;
-        margin-left: -20px;
+  .wrapper {
+    margin: 0px;
+    margin-left: -20px;
+    margin-right: -20px;
+  }
+
+  // these modules go full-width at smaller sizes
+  .pagination,
+  .hero,
+  .why-vagrant,
+  .get-started,
+  .customers,
+
+  nav {
+    height: auto;
+    font-size: 13px;
+    padding: 10px 0;
+    position: relative;
+
+    .vagrant-logo {
+      display: inline-block !important;
+      background-position: center center;
+      float: none !important;
+      position: relative;
+      width: 350px !important;
+      left: 50%;
+      padding: 10px 0;
+      .reset;
+      margin-left: -175px !important;
+    }
+
+    .vagrant-docs-logo {
+      background: url(/images/logo_docs.png) no-repeat 0 0 !important;
+      display: inline-block !important;
+      background-position: center center;
+      float: none !important;
+      position: relative;
+      width: 350px !important;
+      left: 50%;
+      padding: 10px 0;
+      .reset;
+      margin-left: -175px !important;
+    }
+
+    ul {
+      position: relative;
+      margin: 0 auto;
+      width: 100%;
+      text-align: center;
+      padding: 10px 0 0;
+
+      li:first-child {
+        margin-left: 0;
+      }
+    }
+
+    .pull-right {
+      float: none;
+    }
+  }
+
+  a.brand {
+    display: none !important;
+    position: static !important;
+    width: 200px !important;
+    margin: 0 0 0 0 !important;
+    background-position: center center !important;
+  }
+
+  .sidebar {
+
+    ul {
+      margin-top: 0 !important;
+
+      li {
+        display: block;
+        text-indent: 20px;
+
+        &:hover,
+        &:active {
+          background-color: fade(@black, 5%);
+          .animate-background-color;
+        }
+      }
+
+      ul.sub {
+
+        li {
+
+        }
+      }
+    }
+
+    .docs & {
+      .docs-bg-small;
+
+      ul {
+        display: none;
+      }
+
+      .sidebar-nav {
         margin-right: -20px;
+        margin-left: -20px;
+        .docs-bg-small;
+      }
+    }
+  }
+
+  .page {
+
+    .page-background {
+      left: 0; //make it full-width to cover the gutters on small screens
     }
 
-    // these modules go full-width at smaller sizes
-    .pagination,
-    .hero,
-    .why-vagrant,
-    .get-started,
-    .customers,
+    .page-contents {
 
-    nav {
-        height: auto;
-        font-size: 13px;
-        padding: 10px 0;
-        position: relative;
-
-        .vagrant-logo {
-            display: inline-block !important;
-            background-position: center center;
-            float: none !important;
-            position: relative;
-            width: 350px !important;
-            left: 50%;
-            padding: 10px 0;
-            .reset;
-            margin-left: -175px !important;
-        }
-
-        .vagrant-docs-logo {
-            background: url(/images/logo_docs.png) no-repeat 0 0 !important;
-            display: inline-block !important;
-            background-position: center center;
-            float: none !important;
-            position: relative;
-            width: 350px !important;
-            left: 50%;
-            padding: 10px 0;
-            .reset;
-            margin-left: -175px !important;
-        }
-
-        ul {
-            position: relative;
-            margin: 0 auto;
-            width: 100%;
-            text-align: center;
-            padding: 10px 0 0;
-
-            li:first-child {
-                margin-left: 0;
-            }
-        }
-
-        .pull-right {
-            float: none;
-        }
     }
 
-    a.brand {
-        display: none !important;
-        position: static !important;
-        width: 200px !important;
-        margin: 0 0 0 0 !important;
-        background-position: center center !important;
-    }
+    &.home {
 
-    .sidebar {
+      .hero {
+        padding: 40px 0;
+      }
 
-        ul {
-            margin-top: 0 !important;
-
-            li {
-                display: block;
-                text-indent: 20px;
-
-                &:hover,
-                &:active {
-                    background-color: fade(@black, 5%);
-                    .animate-background-color;
-                }
-            } //li
-
-            ul.sub {
-
-                li {
-
-                }
-            } //ul.sub
-        } //ul
-
-        .docs & {
-            .docs-bg-small;
-
-            ul {
-                display: none;
-            }
-
-            .sidebar-nav {
-                margin-right: -20px;
-                margin-left: -20px;
-                .docs-bg-small;
-            } //docs sidebar-nav
-        } // docs sidebar
-    } //sidebar
-
-    .page {
-
-        .page-background {
-            left: 0; //make it full-width to cover the gutters on small screens
-        }
-
-        .page-contents {
-
-        }
-
-        &.home {
-
-            .hero {
-                padding: 40px 0;
-            }
-
-            h1,
-            h4,
-            pre,
-            .customers-content, {
-                max-width: 80% !important;
-                margin: 0 auto;
-            }
-
-            pre {
-                padding: 20px 20px 0 !important;
-            }
-
-            .customer-logos {
-                margin-top: @baseline !important;
-            }
-
-        } //home
-
-        &.vmware {
-            .hero {
-                .hero-content {
-                    margin-top: 40px;
-                }
-
-                h1 {
-                    font-size: 40px !important;
-                    line-height: 40px !important;
-                    letter-spacing: 1px;
-                } //h1
-
-                h2 {
-                    margin: 0 auto;
-                } //h2
-            } //hero
-
-            .anchor {
-                top: 0px;
-            }
-
-            .why {
-                padding: 20px 0 !important;
-
-                .reasons {
-                    padding-left: 20px;
-                    padding-right: 20px;
-
-                    .row {
-                        margin-bottom: 0;
-                    }
-                }
-            } //why
-
-            .pricing {
-                padding: 20px 0 !important;
-
-                h1 {
-                    line-height: 40px;
-                    margin-bottom: 20px;
-                }
-
-                .buy-form {
-                    padding-left: 20px;
-                    padding-right: 20px;
-                    width: auto;
-                }
-            } //pricing
-        } //vmware
-
-        &.inner  {
-
-            .page-contents {
-
-            }
-
-            .sidebar {
-                padding: 0;
-                position: relative;
-            }
-
-            .sidebar-nav {
-                .inner-bg-small;
-                margin-right: -20px;
-                margin-left: -20px;
-
-            }
-
-            h1 {
-                padding: 15px 0 15px;
-                margin: 0 0 0 20px !important;
-            }
-
-            ul {
-                margin: 0;
-            }
-
-            .button {
-                width: 80%;
-            }
-        }
-
-        &.docs {
-            background: transparent;
-        } //docs
-    } //page
-
-    .button {
+      h1,
+      h4,
+      pre,
+      .customers-content, {
+        max-width: 80% !important;
         margin: 0 auto;
-        max-width: 300px;
-        position: relative;
-        //margin: 20px 0 20px 20px;
+      }
+
+      pre {
+        padding: 20px 20px 0 !important;
+      }
+
+      .customer-logos {
+        margin-top: @baseline !important;
+      }
+
     }
-} // < 767
+
+    &.vmware {
+      .hero {
+        .hero-content {
+          margin-top: 40px;
+        }
+
+        h1 {
+          font-size: 40px !important;
+          line-height: 40px !important;
+          letter-spacing: 1px;
+        }
+
+        h2 {
+          margin: 0 auto;
+        }
+      }
+
+      .anchor {
+        top: 0px;
+      }
+
+      .why {
+        padding: 20px 0 !important;
+
+        .reasons {
+          padding-left: 20px;
+          padding-right: 20px;
+
+          .row {
+            margin-bottom: 0;
+          }
+        }
+      }
+
+      .pricing {
+        padding: 20px 0 !important;
+
+        h1 {
+          line-height: 40px;
+          margin-bottom: 20px;
+        }
+
+        .buy-form {
+          padding-left: 20px;
+          padding-right: 20px;
+          width: auto;
+        }
+      }
+    }
+
+    &.inner  {
+
+      .page-contents {
+
+      }
+
+      .sidebar {
+        padding: 0;
+        position: relative;
+      }
+
+      .sidebar-nav {
+        .inner-bg-small;
+        margin-right: -20px;
+        margin-left: -20px;
+
+      }
+
+      h1 {
+        padding: 15px 0 15px;
+        margin: 0 0 0 20px !important;
+      }
+
+      ul {
+        margin: 0;
+      }
+
+      .button {
+        width: 80%;
+      }
+    }
+
+    &.docs {
+      background: transparent;
+    }
+  }
+
+  .button {
+    margin: 0 auto;
+    max-width: 300px;
+    position: relative;
+    //margin: 20px 0 20px 20px;
+  }
+}
diff --git a/website/www/source/stylesheets/_sidebar.less b/website/www/source/stylesheets/_sidebar.less
index 7bdbcd393..6e5ce14a5 100644
--- a/website/www/source/stylesheets/_sidebar.less
+++ b/website/www/source/stylesheets/_sidebar.less
@@ -44,94 +44,94 @@
 
   }
 
-  .sidebar-nav { //style all sidebar-navs
+  .sidebar-nav {
     //position:fixed;
   }
 
-  ul { //general sidebar list styles
+  ul {
 
-    li { //general sidebar list item styles
+    li {
       font-size: 20px;
       .museo-sans-light;
 
       a {
         display: block;
-        } //li a
+      }
 
-        &:hover {
+      &:hover {
+      }
+    }
+
+    ul.sub {
+      border-top: none;
+      list-style-type: none;
+      margin:0 0 5px 0;
+
+      li {
+        padding: 5px 0 5px 20px;
+        font-size: 15px;
+        border: none;
+        border-bottom: none !important;
+      }
+    }
+
+  }
+
+
+  .inner & {
+    .padded;
+    position:fixed;
+
+    li.current a {
+      color: @purple;
+    }
+
+    ul {
+
+
+      li {
+        color: @dark-blue-text;
+        padding: 20px 0;
+        border-top: 1px solid fade(@white, 40%);
+
+        &:last-child {
+          border-bottom: 1px solid fade(@white, 40%);
         }
-        } //li
 
-        ul.sub { //subnav list styles
+        &.current {
+
+        }
+      }
+    }
+  }
+
+  .docs & {
+
+    li.current a {
+      color: @blue;
+    }
+
+    ul {
+      margin-top: 60px;
+
+      li {
+        text-transform: capitalize;
+        color: @white;
+        padding: 12px 0;
+        border-top: 1px solid fade(@white, 20%);
+
+        &:first-child {
           border-top: none;
-          list-style-type: none;
-          margin:0 0 5px 0;
+        }
 
-          li {
-            padding: 5px 0 5px 20px;
-            font-size: 15px;
-            border: none;
-            border-bottom: none !important;
-            } //ul.sub li
-            } //ul.sub
+        &:last-child {
+          border-bottom: 1px solid fade(@white, 20%);
+        }
 
-            } //ul
+        &.current {
 
-
-            .inner & { //styles for the inner-page sidebar
-              .padded;
-              position:fixed;
-
-              li.current a {
-                color: @purple;
-              }
-
-              ul { //style inner list
-
-
-                li { //style inner list item
-                  color: @dark-blue-text;
-                  padding: 20px 0;
-                  border-top: 1px solid fade(@white, 40%);
-
-                  &:last-child {
-                    border-bottom: 1px solid fade(@white, 40%);
-                  }
-
-                  &.current { //style the current selected list item
-
-                    } //current
-                    } //li
-                    } //ul
-                    } //.inner .sidebar
-
-                    .docs & { //styles for the documentation sidebar
-
-                      li.current a {
-                        color: @blue;
-                      }
-
-                      ul { //style documentation list
-                        margin-top: 60px;
-
-                        li { //style documentation list items
-                          text-transform: capitalize;
-                          color: @white;
-                          padding: 12px 0;
-                          border-top: 1px solid fade(@white, 20%);
-
-                          &:first-child {
-                            border-top: none;
-                          }
-
-                          &:last-child {
-                            border-bottom: 1px solid fade(@white, 20%);
-                          }
-
-                          &.current { //style the current selected list item
-
-                            } //current
-                            } //li
-                            } //ul
-                            } //.documentation .sidebar
-                            } //sidebar
+        }
+      }
+    }
+  }
+}