2
0

_avatar.scss 643 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. // user avatars
  2. .avatar {
  3. border-radius: 100%;
  4. position: relative;
  5. display: inline-block;
  6. vertical-align: middle;
  7. text-align: center;
  8. overflow: hidden;
  9. width: 50px;
  10. height: 50px;
  11. img {
  12. position: absolute;
  13. z-index: 2;
  14. top: 0;
  15. left: 0;
  16. right: 0;
  17. border: 0;
  18. }
  19. &.small {
  20. vertical-align: middle;
  21. margin: 0 0.5em;
  22. width: 25px;
  23. height: 25px;
  24. }
  25. &.large {
  26. width: 100px;
  27. height: 100px;
  28. }
  29. &.square {
  30. border-radius: 0;
  31. &:before {
  32. border-radius: 0;
  33. }
  34. }
  35. }