scss/toolkit/components/drop.scss in titon-toolkit-1.2.2 vs scss/toolkit/components/drop.scss in titon-toolkit-1.3.0

@@ -4,14 +4,11 @@
  * @link        http://titon.io
  */
 
 @import "../common";
 
-.#{$vendor-prefix}drop--down,
-.#{$vendor-prefix}drop--up,
-.#{$vendor-prefix}drop--left,
-.#{$vendor-prefix}drop--right {
+.#{$vendor-prefix}drop {
     @include reset-list;
     display: none;
     text-align: left;
     position: absolute;
     top: 100%;
@@ -19,20 +16,19 @@
     width: 200px;
     line-height: 100%;
     z-index: $drop-zindex;
     opacity: 0;
     visibility: hidden;
-    @include transition(opacity $drop-transition);
+    transition: opacity $drop-transition;
 
     // Nested
-    .#{$vendor-prefix}drop--down,
-    .#{$vendor-prefix}drop--up {
+    .#{$vendor-prefix}drop {
         display: block;
         top: 0;
         left: 90%;
         z-index: $drop-zindex + 1;
-        @include transition(left $drop-transition, opacity $drop-transition);
+        transition: left $drop-transition, opacity $drop-transition;
     }
 
     // Apply to self
     ul,
     ol {
@@ -50,18 +46,17 @@
                 float: right;
                 display: none;
             }
         }
 
-        &.#{$state-has-prefix}children {
+        &.has-children {
             > a .caret-right { display: inline-block; }
         }
 
         // Show nested dropdown
         &:hover {
-            .#{$vendor-prefix}drop--down,
-            .#{$vendor-prefix}drop--up {
+            .#{$vendor-prefix}drop {
                 visibility: visible;
                 opacity: 1;
                 left: 100%;
             }
         }
@@ -82,34 +77,34 @@
     padding: $small-padding;
 }
 
 //-------------------- Modifiers --------------------//
 
-.#{$vendor-prefix}drop--up {
+.#{$vendor-prefix}drop.#{$vendor-prefix}drop--up {
     top: auto;
     bottom: 100%;
 }
 
-.#{$vendor-prefix}drop--right {
+.#{$vendor-prefix}drop.#{$vendor-prefix}drop--right {
     top: auto;
     left: 100%;
 }
 
-.#{$vendor-prefix}drop--left {
+.#{$vendor-prefix}drop.#{$vendor-prefix}drop--left {
     top: auto;
     left: auto;
     right: 100%;
 }
 
-.#{$vendor-prefix}drop--right,
-.#{$vendor-prefix}drop--left {
+.#{$vendor-prefix}drop.#{$vendor-prefix}drop--right,
+.#{$vendor-prefix}drop.#{$vendor-prefix}drop--left {
     &.reverse-align {
         bottom: 0;
     }
 }
 
-.#{$vendor-prefix}drop--down,
-.#{$vendor-prefix}drop--up {
+.#{$vendor-prefix}drop.#{$vendor-prefix}drop--down,
+.#{$vendor-prefix}drop.#{$vendor-prefix}drop--up {
     &.reverse-align {
         left: auto;
         right: 0;
     }
 }
\ No newline at end of file