stylesheets/components/_dropdowns.scss in rapido-css-0.2.2 vs stylesheets/components/_dropdowns.scss in rapido-css-0.2.3

@@ -54,11 +54,11 @@
 @if $dropdowns {
 
     .dropdown,
     .dropdown__toggle {
         position: relative;
-        @include inline-block;
+        @extend %display-inline-block;
     }
 
     .dropdown__toggle:focus { outline: 0; }
 
 /*
@@ -103,11 +103,11 @@
         @include opacity(0);
         @include position(absolute, 100% 0 0 0px);
         border-style: solid;
         border-width: $input-border;
         display/*\**/: none\9; // Ugly IE8 Hack
-        float: left;
+        @extend %float-left;
         list-style: none;
         margin: -$input-border 0 0 0;
         max-height: 0;
         min-width: 10em;
         overflow: hidden;
@@ -124,12 +124,12 @@
 
         // Links list inside the dropdown
         > li > a,
         > li > label {
             clear: both;
-            display: block;
-            font-weight: normal;
+            @extend %display-block;
+            @extend %font-weight-normal;
             white-space: nowrap;
         }
 
         > li > a { padding: $dropdowns-padding;}
         > li > label { padding: nth($dropdowns-padding, 1) nth($dropdowns-padding, 2) nth($dropdowns-padding, 1) (nth($dropdowns-padding, 2) + em($checkbox-padding-left) ) ;}
@@ -141,17 +141,17 @@
 
     }
 
     .dropdown__menu > li > a:hover,
     .dropdown__menu > li > a:focus {
-        text-decoration: none;
+        @extend %text-decoration-none;
     }
 
     .dropdown__menu > .active > a,
     .dropdown__menu > .active > a:hover,
     .dropdown__menu > .active > a:focus {
-        text-decoration: none;
+        @extend %text-decoration-none;
         outline: 0;
     }
 
     .dropdown__menu > .disabled > a,
     .dropdown__menu > .disabled > a:hover,
@@ -159,13 +159,13 @@
         color: $grayLight;
     }
 
     .dropdown__menu > .disabled > a:hover,
     .dropdown__menu > .disabled > a:focus {
-        text-decoration: none;
+        @extend %text-decoration-none;
         background-color: transparent;
         background-image: none;
-        cursor: default;
+        @extend %cursor-default;
     }
 
 // Dropdown open
 
     .dropdown.open {