asksuite-citrus 2.1.0-beta.1 → 2.6.1

package/styles/styles.scss

@@ -12,6 +12,9 @@
 @import './modal';
 @import './ask-mixins';
 @import './quill';
+@import './input';
+@import './badge';
+@import './list-item';
 
 /*
  * Material Icons
@@ -48,69 +51,6 @@ input {
   font-size: $font-md;
 }
 
-/**
-  Badge
- */
-
-.ask-badge {
-  position: relative;
-
-  > .badge {
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: var(--bg-color);
-    color: #fff;
-    font-size: 12px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    border-radius: 50%;
-    box-shadow: 0 2px 6px -1px rgb(0 0 0 / 50%);
-  }
-
-  > .badge.-primary {
-    --bg-color: var(--asksuite-orange);
-  }
-
-  > .badge.-secondary {
-    --bg-color: var(--grey-800);
-  }
-
-  > .badge.-top {
-    top: -10px;
-  }
-  > .badge.-bottom {
-    bottom: -10px;
-  }
-
-  > .badge.-left {
-    left: -10px;
-  }
-
-  > .badge.-right {
-    right: -10px;
-  }
-
-  > .badge.-small {
-    width: 18px;
-    height: 18px;
-    font-size: 10px;
-  }
-  > .badge.-regular {
-    width: 22px;
-    height: 22px;
-    font-size: 11px;
-  }
-
-  > .badge.-large {
-    width: 28px;
-    height: 28px;
-    font-size: 12px;
-  }
-}
-
 
 /*
  * Material Icons