You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

97 lines
1.8 KiB

  1. /*******************************
  2. Item
  3. *******************************/
  4. /*-------------------
  5. View
  6. --------------------*/
  7. /* Item */
  8. @background: #FFFFFF;
  9. @borderRadius: 0.325rem;
  10. @display: block;
  11. @float: left;
  12. @margin: 0em @horizontalSpacing @rowSpacing;
  13. @minHeight: 0px;
  14. @padding: 0em;
  15. @width: 300px;
  16. @boxShadow:
  17. 0px 0px 0px 1px @borderColor,
  18. 0px 3px 0px 0px @borderColor
  19. ;
  20. @border: none;
  21. @zIndex: '';
  22. /* Item Group */
  23. @horizontalSpacing: 0.5em;
  24. @rowSpacing: 2.5em;
  25. @groupMargin: 1em -@horizontalSpacing;
  26. /*-------------------
  27. Content
  28. --------------------*/
  29. /* Image */
  30. @imageBackground: @transparentBlack;
  31. @imagePadding: 0em;
  32. @imageBorderRadius: @borderRadius @borderRadius 0em 0em;
  33. @imageBoxShadow: none;
  34. @imageBorder: none;
  35. /* Content */
  36. @contentMargin: 0em;
  37. @contentPadding: 0.75em 1em;
  38. @contentFontSize: 1em;
  39. @contentBorder: none;
  40. @contentBorderRadius: 0em;
  41. @contentBoxShadow: none;
  42. /* Title */
  43. @titleMargin: 0em;
  44. @titleFont: @headerFont;
  45. @titleFontWeight: bold;
  46. @titleFontSize: 1.25em;
  47. @titleColor: @darkTextColor;
  48. /* Metadata */
  49. @metaColor: @lightTextColor;
  50. /* Description */
  51. @descriptionDistance: 0.75em;
  52. @descriptionColor: @lightTextColor;
  53. /* Image */
  54. @imageSpacing: 0.25em;
  55. @contentImageWidth: 2em;
  56. @contentImageVerticalAlign: middle;
  57. /* Paragraph */
  58. @paragraphDistance: 0.1em;
  59. /* Additional Content */
  60. @extraDisplay: absolute;
  61. @extraTop: 100%;
  62. @extraLeft: 0em;
  63. @extraWidth: 100%;
  64. @extraPadding: 0.5em 0.75em;
  65. @extraColor: @lightTextColor;
  66. @extraTransition: color @transitionDuration @transitionEasing;
  67. /*-------------------
  68. States
  69. --------------------*/
  70. @hoverCursor: pointer;
  71. @hoverZIndex: 5;
  72. @hoverBorder: none;
  73. @hoverBoxShadow:
  74. 0px 0px 0px 1px @selectedBorderColor,
  75. 0px 3px 0px 0px @selectedBorderColor
  76. ;
  77. /*-------------------
  78. Variations
  79. --------------------*/
  80. /* Sizes */
  81. @medium: 1em;