diff options
| Commit | c9e625c9dd8f1628c58b10bb165961eae068002f (patch) | |
|---|---|---|
| Author | 2017-08-15 16:30:05 +0800 | |
| Committer | 2017-08-15 16:30:05 +0800 | |
| Files | 9031e1df36c23e49deecad79df2a272b0d076270 /src/avatars.less | |
| Spectre-Dark-Gruvbox-0.2.15.tar Spectre-Dark-Gruvbox-0.2.15.tar.gz Spectre-Dark-Gruvbox-0.2.15.zip | ||
| Parent | 846353cb40512404c5b8d27084a6fbe7b4a47d23 (diff) | |
| Parent | d6b5a13424cb56db116483f79d6253205e26757c (diff) | |
Merge pull request #249 from picturepan2/0.2.15 v0.2.15
0.2.15
1 files changed, 6 insertions, 16 deletions
| -rw-r--r-- | src/avatars.less | 22 |
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%); |