IMPORTANT: Replace all rem units to px

1 files changed, 6 insertions, 16 deletions

diff --git a/src/avatars.less b/src/avatars.less
index 9aa653c..b964146 100644
--- a/src/avatars.less
+++ b/src/avatars.less
@@ -1,37 +1,27 @@
 // Avatars
 .avatar {
+  .avatar-base();
   background: @primary-color;
   border-radius: 50%;
   color: fade(@light-color, 85%);
   display: inline-block;
-  font-size: @font-size;
   font-weight: 300;
-  height: 3.2rem;
   line-height: 1;
   margin: 0;
   position: relative;
   vertical-align: middle;
-  width: 3.2rem;
 
   &.avatar-xs {
-    font-size: .8rem;
-    height: 1.6rem;
-    width: 1.6rem;
+    .avatar-base(@unit-4);
   }
   &.avatar-sm {
-    font-size: 1rem;
-    height: 2.4rem;
-    width: 2.4rem;
+    .avatar-base(@unit-6);
   }
   &.avatar-lg {
-    font-size: 2rem;
-    height: 4.8rem;
-    width: 4.8rem;
+    .avatar-base(@unit-12);
   }
   &.avatar-xl {
-    font-size: 2.6rem;
-    height: 6.4rem;
-    width: 6.4rem;
+    .avatar-base(@unit-16);
   }
 
   img {
@@ -46,7 +36,7 @@
     background: @bg-color-light;
     bottom: 14.64%;
     height: 50%;
-    padding: .2rem;
+    padding: @border-width-lg;
     position: absolute;
     right: 14.64%;
     transform: translate(50%, 50%);