_users-list.scss 741 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. //
  2. // Component: Users List
  3. //
  4. .users-list {
  5. @include list-unstyled ();
  6. > li {
  7. float: left;
  8. padding: 10px;
  9. text-align: center;
  10. width: 25%;
  11. img {
  12. @include border-radius(50%);
  13. height: auto;
  14. max-width: 100%;
  15. }
  16. > a:hover {
  17. &,
  18. .users-list-name {
  19. color: #999;
  20. }
  21. }
  22. }
  23. }
  24. .users-list-name,
  25. .users-list-date {
  26. display: block;
  27. }
  28. .users-list-name {
  29. color: $gray-700;
  30. font-size: $font-size-sm;
  31. overflow: hidden;
  32. text-overflow: ellipsis;
  33. white-space: nowrap;
  34. }
  35. .users-list-date {
  36. color: darken($gray-500, 20%);
  37. font-size: 12px;
  38. }
  39. @include dark-mode () {
  40. .users-list-name {
  41. color: $gray-400;
  42. }
  43. .users-list-date {
  44. color: $gray-500;
  45. }
  46. }