_cart-widget.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. /**
  2. * Cart Widget
  3. */
  4. body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
  5. /**
  6. * Cart Widget product list
  7. */
  8. ul.cart_list,
  9. ul.product_list_widget {
  10. li {
  11. a:not(.remove) {
  12. font-family: var(--global--font-primary);
  13. line-height: var(--global--line-height-heading);
  14. }
  15. img {
  16. margin-left: var(--global--spacing-unit);
  17. width: calc(2 * var(--global--spacing-vertical));
  18. }
  19. dl {
  20. border-left-color: var(--wc--table--border-color);
  21. dt,
  22. dd {
  23. margin-bottom: var(--global--spacing-vertical);
  24. }
  25. }
  26. }
  27. }
  28. .woocommerce.widget_shopping_cart {
  29. .total {
  30. border-top: none;
  31. padding-top: 0;
  32. }
  33. .cart_list {
  34. border-bottom: 1px solid var(--wc--table--border-color);
  35. li {
  36. border-top: 1px solid var(--wc--table--border-color);
  37. padding: var(--global--spacing-unit) 0 var(--global--spacing-unit) calc(2 * var(--global--spacing-horizontal));
  38. a.remove {
  39. top: var(--global--spacing-unit);
  40. }
  41. }
  42. }
  43. .buttons a#woo_pp_ec_button {
  44. padding: 0;
  45. }
  46. }
  47. }