update avatars code and add avatar child style

1 files changed, 22 insertions, 0 deletions

diff --git a/dist/spectre.css b/dist/spectre.css
index 18bf8ad..bbe2bf3 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -1062,6 +1062,7 @@ textarea.form-input {
   border-radius: 50%;
   vertical-align: middle;
   position: relative;
+  overflow: hidden;
 }
 .avatar::after {
   content: attr(data-initial);
@@ -1092,6 +1093,27 @@ textarea.form-input {
   height: 6.4rem;
   font-size: 2.6rem;
 }
+.avatar-container {
+  display: inline-block;
+  position: relative;
+}
+.avatar-container .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: #32b643;
+}
 .badge {
   position: relative;
   margin-right: 2.4rem;