menu borders hover with more contrast between eachother

SUSE · Jun 2, 2016 · deb502b · deb502b
1 parent 128c76f
commit deb502b
Showing 1 changed file with 47 additions and 0 deletions.
diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
@@ -92,6 +92,53 @@ body.login {
   }
 }
 
+body:not([class*="login"]) {
+  .container-fluid aside {
+    ul {
+      li:nth-child(8n+1) {
+        a:hover {
+          border-left: 5px solid $light-blue;
+        }
+      }
+      li:nth-child(8n+2) {
+        a:hover {
+          border-left: 5px solid $yellow;
+        }
+      }
+      li:nth-child(8n+3) {
+        a:hover {
+          border-left: 5px solid $dark-green;
+        }
+      }
+      li:nth-child(8n+4) {
+        a:hover {
+          border-left: 5px solid $pink;
+        }
+      }
+      li:nth-child(8n+5) {
+        a:hover {
+          border-left: 5px solid $blue;
+        }
+      }
+      li:nth-child(8n+6) {
+        a:hover {
+          border-left: 5px solid $orange;
+        }
+      }
+      li:nth-child(8n+7) {
+        a:hover {
+          border-left: 5px solid $green;
+        }
+      }
+      li:nth-child(8n+8) {
+        a:hover {
+          border-left: 5px solid $purple;
+        }
+      }
+    }
+  }
+}
+
 .oops {
   padding-top: 2em;
   text-align: center;