_avatars.scss 422 B

12345678910111213141516171819202122232425262728
  1. .avatar {
  2. display: inline-block;
  3. width: 2rem;
  4. height: 2rem;
  5. background: $color-border-light no-repeat center/cover;
  6. border-radius: $border-radius;
  7. vertical-align: bottom;
  8. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
  9. }
  10. .avatar-rounded {
  11. border-radius: 50%;
  12. }
  13. .avatar-sm {
  14. width: 1.5rem;
  15. height: 1.5rem;
  16. }
  17. .avatar-lg {
  18. width: 3rem;
  19. height: 3rem;
  20. }
  21. .avatar-xl {
  22. width: 5rem;
  23. height: 5rem;
  24. }