communications app, popup lib

css/dropdown.scss

@@ -13,14 +13,14 @@ $searchInputHeight: 26px;
 $searchIconSize: 13px;
 $listMaxHeight: 210px;
 
-.dropdown-wrapper {
+.drop-wrapper {
     display: inline-block;
     border: none;
     border-radius: unset;
     user-select: none;
     position: relative;
 
-    >.dropdown-header {
+    >.drop-header {
         border: 1px solid $borderColor;
         border-radius: $borderRadius;
         background-color: $bgColor;
@@ -39,7 +39,7 @@ $listMaxHeight: 210px;
             outline: none;
         }
 
-        /*>.dropdown-select-container {
+        /*>.drop-select-container {
             flex: 1 1 auto;
             overflow-x: auto;
             white-space: nowrap;
@@ -104,7 +104,7 @@ $listMaxHeight: 210px;
             }
         }*/
 
-        >.dropdown-text {
+        >.drop-text {
             flex: 1 1 auto;
             cursor: pointer;
             font-size: $mediumSize;
@@ -117,7 +117,7 @@ $listMaxHeight: 210px;
             white-space: nowrap;
         }
 
-        >input.dropdown-text {
+        >input.drop-text {
             cursor: initial;
 
             &::placeholder {
@@ -126,7 +126,7 @@ $listMaxHeight: 210px;
             }
         }
 
-        >.dropdown-caret {
+        >.drop-caret {
             flex: 0 0 auto;
             width: $caretWidth;
             display: flex;
@@ -154,14 +154,14 @@ $listMaxHeight: 210px;
                 // box-shadow: none;
             }
 
-            >.dropdown-text,
-            >.dropdown-caret {
+            >.drop-text,
+            >.drop-caret {
                 cursor: default;
             }
         }
     }
 
-    >.dropdown-box {
+    >.drop-box {
         position: absolute;
         visibility: hidden;
         opacity: 0;
@@ -192,7 +192,7 @@ $listMaxHeight: 210px;
             transform: scaleY(1);
         }
 
-        >.dropdown-search {
+        >.drop-search {
             box-sizing: border-box;
             height: $searchBarHeight;
             line-height: $searchBarHeight;
@@ -235,7 +235,7 @@ $listMaxHeight: 210px;
             }
         }
 
-        >.dropdown-list {
+        >.drop-list {
             margin: 0;
             padding: 0;
             list-style: none;