drop.scss in titon-toolkit-1.2.0

- old
+ new

@@ -8,36 +8,36 @@
 
 .#{$vendor-prefix}drop--down,
 .#{$vendor-prefix}drop--up,
 .#{$vendor-prefix}drop--left,
 .#{$vendor-prefix}drop--right {
+    @include reset-list;
     display: none;
     text-align: left;
     position: absolute;
     top: 100%;
     left: 0;
     width: 200px;
-    background: $gray;
     line-height: 100%;
     z-index: 500;
     opacity: 0;
     visibility: hidden;
-    @include transition(opacity .3s);
+    @include transition(opacity $drop-transition);
 
     // Nested
     .#{$vendor-prefix}drop--down,
     .#{$vendor-prefix}drop--up {
         display: block;
         top: 0;
         left: 90%;
         z-index: 510;
-        @include transition(left .3s, opacity .3s);
+        @include transition(left $drop-transition, opacity $drop-transition);
     }
 
     // Apply to self
-    &,
-    ul {
+    ul,
+    ol {
         @include reset-list;
     }
 
     li {
         position: relative;
@@ -56,12 +56,10 @@
             > a .caret-right { display: inline-block; }
         }
 
         // Show nested dropdown
         &:hover {
-            > a { background: $gray-lightest; }
-
             .#{$vendor-prefix}drop--down,
             .#{$vendor-prefix}drop--up {
                 visibility: visible;
                 opacity: 1;
                 left: 100%;
@@ -80,10 +78,9 @@
     border-top: 1px solid $gray-dark;
 }
 
 .#{$vendor-prefix}drop-heading {
     padding: $small-padding;
-    background-color: $gray-dark;
 }
 
 //-------------------- Modifiers --------------------//
 
 .#{$vendor-prefix}drop--up {
\ No newline at end of file