Merge pull request #151 from picturepan2/feature/components v0.2.5

Feature/components

1 files changed, 8 insertions, 6 deletions

diff --git a/src/avatars.less b/src/avatars.less
index 801e1b4..8eb9e5e 100644
--- a/src/avatars.less
+++ b/src/avatars.less
@@ -1,7 +1,8 @@
 // Avatars
 .avatar {
+  background: @primary-color;
   border-radius: 50%;
-  color: @core-light-color;
+  color: @light-color;
   display: inline-block;
   font-size: 1.4rem;
   font-weight: 300;
@@ -13,12 +14,12 @@
   width: 3.2rem;
 
   &.avatar-xs {
-    font-size: 1.2rem;
+    font-size: 1.4rem;
     height: 1.6rem;
     width: 1.6rem;
   }
   &.avatar-sm {
-    font-size: 1.2rem;
+    font-size: 1rem;
     height: 2.4rem;
     width: 2.4rem;
   }
@@ -28,7 +29,7 @@
     width: 4.8rem;
   }
   &.avatar-xl {
-    font-size: 2.8rem;
+    font-size: 2.6rem;
     height: 6.4rem;
     width: 6.4rem;
   }
@@ -42,7 +43,7 @@
   }
 
   .avatar-icon {
-    background: #fff;
+    background: @light-bg-color;
     bottom: -.2em;
     height: 50%;
     padding: 5%;
@@ -58,12 +59,13 @@
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
+    vertical-align: middle;
     z-index: 1;
   }
 
   &.avatar-xs {
     &[data-initial]::before {
-      transform: translate(-50%, -50%) scale(.65);
+      transform: translate(-50%, -50%) scale(.5);
     }
   }
 }