users-list.less 602 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /*
  2. * Component: Users List
  3. * ---------------------
  4. */
  5. .users-list {
  6. &:extend(.list-unstyled);
  7. > li {
  8. width: 25%;
  9. float: left;
  10. padding: 10px;
  11. text-align: center;
  12. img {
  13. .border-radius(50%);
  14. max-width: 100%;
  15. height: auto;
  16. }
  17. > a:hover {
  18. &,
  19. .users-list-name {
  20. color: #999;
  21. }
  22. }
  23. }
  24. }
  25. .users-list-name,
  26. .users-list-date {
  27. display: block;
  28. }
  29. .users-list-name {
  30. font-weight: 600;
  31. color: #444;
  32. overflow: hidden;
  33. white-space: nowrap;
  34. text-overflow: ellipsis;
  35. }
  36. .users-list-date {
  37. color: #999;
  38. font-size: 12px;
  39. }