diff options
2 files changed, 27 insertions, 5 deletions
| -rw-r--r-- | src/avatars.less | 7 | ||||
| -rw-r--r-- | src/badges.less | 25 |
diff --git a/src/avatars.less b/src/avatars.less index a159573..9aa653c 100644 --- a/src/avatars.less +++ b/src/avatars.less @@ -44,11 +44,12 @@ .avatar-icon { background: @bg-color-light; - bottom: -.2em; + bottom: 14.64%; height: 50%; - padding: 5%; + padding: .2rem; position: absolute; - right: -.2em; + right: 14.64%; + transform: translate(50%, 50%); width: 50%; } diff --git a/src/badges.less b/src/badges.less index 63ac6d7..f6dfdbf 100644 --- a/src/badges.less +++ b/src/badges.less @@ -20,9 +20,9 @@ &::after { font-size: @font-size-sm; height: 2rem; - line-height: 1.4rem; + line-height: 1; min-width: 2rem; - padding: .2rem .5rem; + padding: .3rem .5rem; text-align: center; white-space: nowrap; } @@ -46,4 +46,25 @@ transform: translate(50%, -50%); } } + + // Badges for Avatars + &.avatar { + &::after { + position: absolute; + top: 14.64%; + right: 14.64%; + transform: translate(50%, -50%); + z-index: @zindex-1; + } + } + + &.avatar-xs { + &::after { + content: ""; + height: .8rem; + min-width: .8rem; + padding: 0; + width: .8rem; + } + } } |