Add Avatars badge support

2 files changed, 27 insertions, 5 deletions

diff --git a/src/avatars.less b/src/avatars.less
index a159573..9aa653c 100644
--- a/src/avatars.less
+++ b/src/avatars.less
@@ -44,11 +44,12 @@
 
   .avatar-icon {
     background: @bg-color-light;
-    bottom: -.2em;
+    bottom: 14.64%;
     height: 50%;
-    padding: 5%;
+    padding: .2rem;
     position: absolute;
-    right: -.2em;
+    right: 14.64%;
+    transform: translate(50%, 50%);
     width: 50%;
   }
 
diff --git a/src/badges.less b/src/badges.less
index 63ac6d7..f6dfdbf 100644
--- a/src/badges.less
+++ b/src/badges.less
@@ -20,9 +20,9 @@
     &::after {
       font-size: @font-size-sm;
       height: 2rem;
-      line-height: 1.4rem;
+      line-height: 1;
       min-width: 2rem;
-      padding: .2rem .5rem;
+      padding: .3rem .5rem;
       text-align: center;
       white-space: nowrap;
     }
@@ -46,4 +46,25 @@
       transform: translate(50%, -50%);
     }
   }
+
+  // Badges for Avatars
+  &.avatar {
+    &::after {
+      position: absolute;
+      top: 14.64%;
+      right: 14.64%;
+      transform: translate(50%, -50%);
+      z-index: @zindex-1;
+    }
+  }
+
+  &.avatar-xs {
+    &::after {
+      content: "";
+      height: .8rem;
+      min-width: .8rem;
+      padding: 0;
+      width: .8rem;
+    }
+  }
 }