update avatars code and add avatar child style

1 files changed, 25 insertions, 0 deletions

diff --git a/src/avatars.less b/src/avatars.less
index 1576698..fc9ce12 100644
--- a/src/avatars.less
+++ b/src/avatars.less
@@ -9,6 +9,7 @@
   border-radius: 50%;
   vertical-align: middle;
   position: relative;
+  overflow: hidden;
 
   &::after {
     content: attr(data-initial);
@@ -39,4 +40,28 @@
     height: 6.4rem;
     font-size: 2.6rem;
   }
+}
+.avatar-container {
+  display: inline-block;
+  position: relative;
+
+  .avatar-icon {
+    width: 46%;
+    height: 46%;
+    padding: 3%;
+    background-color: #fff;
+    position: absolute;
+    right: -6%;
+    bottom: -6%;
+  }
+}
+.avatar-status {
+  &::after {
+    content: '';
+    display: block;
+    width: 1rem;
+    height: 1rem;
+    border-radius: 50%;
+    background-color: @control-color-success;
+  }
 }
\ No newline at end of file