users-list.less 480 B

123456789101112131415161718192021222324252627282930313233
  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. > img {
  12. .border-radius(50%);
  13. max-width: 100%;
  14. height: auto;
  15. }
  16. }
  17. }
  18. .users-list-name,
  19. .users-list-date {
  20. display: block;
  21. text-align: center;
  22. }
  23. .users-list-name {
  24. font-weight: 600;
  25. color: #444;
  26. &:hover {
  27. color: #999;
  28. }
  29. }
  30. .users-list-date {
  31. color: #999;
  32. font-size: 12px;
  33. }