_avatar.css.scss 420 B

123456789101112131415161718192021222324252627
  1. %avatar-round {
  2. display: inline-block;
  3. position: relative;
  4. overflow: hidden;
  5. border-radius: 100em;
  6. margin-bottom: 10px;
  7. &:before {
  8. border-radius: 100em;
  9. content: '';
  10. display: block;
  11. position: absolute;
  12. left: 0;
  13. right: 0;
  14. width: 100%;
  15. height: 100%;
  16. margin: -10em;
  17. }
  18. > img {
  19. vertical-align: top;
  20. border-radius: 100em;
  21. height: 50px;
  22. width: 50px;
  23. }
  24. }