wc-widgets.less 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. .woocommerce {
  2. &.widget span.amount {
  3. color: var( --vamtam-accent-color-1 );
  4. }
  5. ul.product_list_widget {
  6. li {
  7. a {
  8. .vamtam-font(h5-);
  9. padding: 5px 0 5px 0;
  10. font-size: 14px;
  11. border: var( --vamtam-no-border-link );
  12. }
  13. }
  14. .star-rating {
  15. display: none;
  16. margin: .7em 0;
  17. }
  18. }
  19. ul.cart_list li .vamtam-responsive-wrapper,
  20. ul.product_list_widget li .vamtam-responsive-wrapper {
  21. float: right;
  22. margin-left: 4px;
  23. width: 32px;
  24. }
  25. &.mega-menu-item-type-widget ul.product_list_widget li {
  26. .product-title {
  27. font: var( --vamtam-h3-font-weight ) var( --vamtam-h3-font-style ) 16px/20px var( --vamtam-h3-font-family );
  28. display: block;
  29. padding-bottom: 5px;
  30. color: var( --vamtam-body-link-regular );
  31. transition: all .3s;
  32. &:hover {
  33. color: var( --vamtam-body-link-hover );
  34. }
  35. }
  36. .amount {
  37. font: bold 14px/18px var( --vamtam-h3-font-family );
  38. }
  39. ins span.amount {
  40. padding-left: 5px;
  41. }
  42. }
  43. &.widget_shopping_cart {
  44. .cart_list li {
  45. padding: 0 0 0.6em 2em;
  46. margin-bottom: 0.6em;
  47. }
  48. .widget_shopping_cart_content {
  49. li {
  50. overflow: visible;
  51. text-align: left;
  52. border-bottom: solid 1px var( --vamtam-default-line-color );
  53. &.empty {
  54. border-bottom: 0;
  55. }
  56. a {
  57. font: 500 14px/16px var( --vamtam-primary-font-font-family );
  58. padding: 0 0 0 0;
  59. border: var( --vamtam-no-border-link );
  60. b {
  61. font-weight: 500;
  62. }
  63. .booked-wc-checkout-section {
  64. font-weight: normal;
  65. color: var( --vamtam-primary-font-color );
  66. b {
  67. font-weight: normal;
  68. }
  69. }
  70. }
  71. img {
  72. border-radius: var( --vamtam-border-radius );
  73. }
  74. &:last-child {
  75. border: none;
  76. }
  77. &.empty {
  78. padding: 0px;
  79. text-align: center;
  80. margin: 0px;
  81. }
  82. }
  83. .total {
  84. padding: 20px 0px 5px 0px;
  85. border-top: 1px solid var( --vamtam-default-line-color );
  86. text-align: center;
  87. strong,
  88. .amount {
  89. color: var( --vamtam-accent-color-6 );
  90. font-size: var( --vamtam-primary-font-font-size );
  91. font-weight: bold;
  92. }
  93. .amount {
  94. padding-left: 5px;
  95. }
  96. }
  97. .quantity, .amount {
  98. color: var( --vamtam-primary-font-color );
  99. font-size: 12px;
  100. &:before {
  101. display: none;
  102. }
  103. }
  104. p:last-child {
  105. text-align: center;
  106. margin-bottom: 0;
  107. }
  108. .buttons {
  109. a.button {
  110. .button-gen-solid();
  111. border: solid 1px var( --vamtam-default-line-color );
  112. background: none;
  113. .button-gen-hover( '--vamtam-accent-color-6' );
  114. font-size: 12px;
  115. }
  116. a.checkout {
  117. .button-gen-solid();
  118. .button-gen( '--vamtam-accent-color-1' );
  119. .button-gen-hover( '--vamtam-accent-color-6' );
  120. font-size: 12px;
  121. }
  122. }
  123. }
  124. }
  125. &.widget_product_search {
  126. #searchform {
  127. label {
  128. display: none !important;
  129. }
  130. }
  131. }
  132. &.widget_price_filter {
  133. .price_slider {
  134. background: var( --vamtam-accent-color-5 ) !important;
  135. border: solid 1px var( --vamtam-accent-color-7 ) !important;
  136. height: 0.6em;
  137. > div.ui-slider-range {
  138. background: var( --vamtam-accent-color-6 );
  139. box-shadow: none !important;
  140. }
  141. > .ui-slider-handle {
  142. width: 1em;
  143. height: 1em;
  144. border: 0.2em solid var( --vamtam-accent-color-5 ) !important;
  145. background: var( --vamtam-accent-color-1 );
  146. box-shadow: none !important;
  147. top: -.4em;
  148. }
  149. }
  150. .price_slider_amount {
  151. .button {
  152. .button-gen-common();
  153. font-size: 12px;
  154. margin-top: 13px;
  155. &:hover {
  156. color: var( --vamtam-accent-color-5 );
  157. background: var( --vamtam-accent-color-6 );
  158. }
  159. }
  160. }
  161. .price_label {
  162. padding-top: 14px;
  163. }
  164. .ui-slider {
  165. margin: 0px;
  166. }
  167. }
  168. &.widget_layered_nav_filters ul li {
  169. border: none;
  170. a {
  171. border-color: transparent;
  172. border-radius: 0px;
  173. background: none;
  174. color: var( --vamtam-accent-color-2 ) !important;
  175. padding: 4px 10px;
  176. }
  177. }
  178. &.widget_layered_nav ul li {
  179. padding: 10px 0;
  180. &:first-child {
  181. padding-top: 0;
  182. }
  183. a, span {
  184. padding: 0px;
  185. }
  186. }
  187. &.widget_product_categories li li {
  188. padding-left: 10px;
  189. }
  190. }