repeater-thumbnail.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .repeater-thumbnail {
  2. border: 1px solid #ddd;
  3. color: #666;
  4. float: left;
  5. font-size: 14px;
  6. min-height: 110px;
  7. min-width: 100px;
  8. margin: 8px 7px;
  9. text-align: center;
  10. img {
  11. display: block;
  12. margin-top: 10px;
  13. margin-bottom: 3px;
  14. }
  15. &-cont {
  16. height: 100%;
  17. overflow-y: auto;
  18. padding: 6px;
  19. width: 100%;
  20. &.align-center, &.align-justify, &.align-left, &.align-right {
  21. position: relative;
  22. font-size: 0.1px;
  23. &:after {
  24. display: inline-block;
  25. width: 100%;
  26. content: '';
  27. }
  28. .infinitescroll {
  29. &-end, &-load {
  30. display: inline-block;
  31. width: 100%;
  32. }
  33. }
  34. .repeater-thumbnail {
  35. display: inline-block;
  36. float: none;
  37. font-size: 14px;
  38. &:after {
  39. content: ' ';
  40. }
  41. }
  42. }
  43. &.align-center { text-align: center; }
  44. &.align-justify { text-align: justify; }
  45. &.align-left { text-align: left; }
  46. &.align-right { text-align: right; }
  47. div.empty {
  48. font-style: italic;
  49. padding: 20px 10px;
  50. text-align: center;
  51. }
  52. .selectable {
  53. &:hover {
  54. background: @selectableHover;
  55. cursor: pointer;
  56. }
  57. &.selected {
  58. background: @selected;
  59. &:hover {
  60. background: @selectedHover;
  61. }
  62. }
  63. }
  64. }
  65. }