diff options
1 files changed, 67 insertions, 0 deletions
| -rw-r--r-- | src/avatars.less | 67 |
diff --git a/src/avatars.less b/src/avatars.less new file mode 100644 index 0000000..fc9ce12 --- /dev/null +++ b/src/avatars.less @@ -0,0 +1,67 @@ +// Avatars +.avatar { + display: inline-block; + width: 3.2rem; + height: 3.2rem; + font-size: 1.4rem; + font-weight: 300; + line-height: 1; + border-radius: 50%; + vertical-align: middle; + position: relative; + overflow: hidden; + + &::after { + content: attr(data-initial); + position: absolute; + top: 50%; + left: 50%; + color: #fff; + transform: translate(-50%, -50%); + } + + &.avatar-xs { + width: 1.6rem; + height: 1.6rem; + font-size: .8rem; + } + &.avatar-sm { + width: 2.4rem; + height: 2.4rem; + font-size: 1rem; + } + &.avatar-lg { + width: 4.8rem; + height: 4.8rem; + font-size: 2rem; + } + &.avatar-xl { + width: 6.4rem; + height: 6.4rem; + font-size: 2.6rem; + } +} +.avatar-container { + display: inline-block; + position: relative; + + .avatar-icon { + width: 46%; + height: 46%; + padding: 3%; + background-color: #fff; + position: absolute; + right: -6%; + bottom: -6%; + } +} +.avatar-status { + &::after { + content: ''; + display: block; + width: 1rem; + height: 1rem; + border-radius: 50%; + background-color: @control-color-success; + } +}
\ No newline at end of file |