dropdown.scss in titon-toolkit-1.0.0.rc.3

- old
+ new

@@ -12,11 +12,10 @@
     position: absolute;
     top: 100%;
     left: 0;
     width: 200px;
     background: $gray;
-    border: 1px solid $gray-dark;
     line-height: 100%;
     z-index: 500;
     opacity: 0;
     visibility: hidden;
     @include transition(opacity .3s);
@@ -47,11 +46,11 @@
             > a .caret-right { display: inline-block; }
         }
 
         // Show nested dropdown
         &:hover {
-            > a { background: #fff; }
+            > a { background: $gray-lightest; }
 
             .dropdown {
                 visibility: visible;
                 opacity: 1;
                 left: 100%;
@@ -82,29 +81,29 @@
     background-color: $gray-dark;
 }
 
 //-------------------- Modifiers --------------------//
 
-.dropdown.dropdown--top {
+.dropdown.on-top {
     top: auto;
     bottom: 100%;
 }
 
-.dropdown.dropdown--right {
+.dropdown.on-right {
     top: auto;
     left: 100%;
 }
 
-.dropdown.dropdown--left {
+.dropdown.on-left {
     top: auto;
     left: auto;
     right: 100%;
 }
 
-.dropdown.dropdown--push {
+.dropdown.push-over {
     left: auto;
     right: 0;
 }
 
-.dropdown.dropdown--pull {
+.dropdown.pull-up {
     bottom: 0;
 }
\ No newline at end of file