diff options
1 files changed, 8 insertions, 6 deletions
| -rw-r--r-- | src/avatars.less | 14 |
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); } } } |