From a4878321ad6d9ade6a16f92518f35cd294b05abd Mon Sep 17 00:00:00 2001
From: Maria Checa <mariajecheca@gmail.com>
Date: Tue, 9 Feb 2016 18:42:52 +0100
Subject: [PATCH] Dropdown component

---
 src/scss/cdb-components/forms/dropdowns.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/scss/cdb-components/forms/dropdowns.scss b/src/scss/cdb-components/forms/dropdowns.scss
index 59ab81b..314450a 100644
--- a/src/scss/cdb-components/forms/dropdowns.scss
+++ b/src/scss/cdb-components/forms/dropdowns.scss
@@ -38,19 +38,19 @@
       </ul>
     </div>
 
-    <div class="CDB-Dropdown-options">
+    <div class="CDB-Dropdown-options CDB-Text">
       <ul>
         <li class="CDB-Dropdown-optionsElement is-selected">
-          <span class="u-iBlock u-lSpace CDB-Text CDB-Size-medium">selected</span>
+          <span class="u-iBlock u-lSpace CDB-Size-medium">selected</span>
         </li>
         <li class="CDB-Dropdown-optionsElement">
-          <span class="u-iBlock u-lSpace CDB-Text CDB-Size-medium">active</span>
+          <span class="u-iBlock u-lSpace CDB-Size-medium">active</span>
         </li>
         <li class="CDB-Dropdown-optionsElement is-disabled">
-          <span class="u-iBlock u-lSpace CDB-Text CDB-Size-medium">disabled</span>
+          <span class="u-iBlock u-lSpace CDB-Size-medium">disabled</span>
         </li>
         <li class="CDB-Dropdown-optionsElement is-disabled">
-          <span class="u-iBlock u-lSpace CDB-Text CDB-Size-medium">disabled</span>
+          <span class="u-iBlock u-lSpace CDB-Size-medium">disabled</span>
         </li>
       </ul>
     </div>
@@ -59,6 +59,7 @@
 ```
 */
 
+@import '../../cdb-utilities/mixins';
 @import '../../cdb-variables/sizes';
 @import '../../cdb-variables/colors';
 
@@ -67,10 +68,11 @@
   height: 250px;
 }
 .CDB-Dropdown {
+  @include display-flex();
+  @include flex-direction(row);
   height: 200px;
   position: absolute;
   top: 40px;
-  font-size: 0;
 }
 .CDB-Dropdown-calculations {
   display: inline-block;