_woocommerce.scss 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. body[class*="woocommerce"] #page {
  2. .site-header {
  3. .primary-navigation {
  4. flex-basis: 50%;
  5. }
  6. }
  7. .woocommerce-tabs {
  8. ul.tabs {
  9. padding-left: calc( 0.3 * var(--global--spacing-horizontal));
  10. margin-bottom: calc( 2 * var(--global--spacing-vertical));
  11. li {
  12. background-color: var(--global--color-foreground-low-contrast);
  13. &:before {
  14. box-shadow: 2px 2px 0 var(--global--color-foreground-low-contrast);
  15. }
  16. &:after {
  17. box-shadow: -2px 2px 0 var(--global--color-foreground-low-contrast);
  18. }
  19. a {
  20. color: var(--button--color-text);
  21. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  22. &:hover {
  23. color: var(--button--color-text-hover);
  24. }
  25. }
  26. &.active a {
  27. color: var(--global--color-foreground);
  28. }
  29. }
  30. }
  31. .panel {
  32. margin-bottom: calc( 2 * var(--global--spacing-vertical));
  33. h2 {
  34. font-family: var(--global--font-secondary);
  35. }
  36. }
  37. }
  38. }
  39. #content {
  40. .wc-block-grid{
  41. .wc-block-grid__product {
  42. .wc-block-grid__product-onsale {
  43. top: -0.5em;
  44. right: -0.5em;
  45. }
  46. .wc-block-grid__product-title{
  47. font-family: var(--global--font-secondary);
  48. }
  49. .wc-block-grid__product-price {
  50. color: var(--global--color-foreground);
  51. }
  52. }
  53. }
  54. .wc-block-featured-product {
  55. .wc-block-featured-product__price {
  56. font-size: var(--global--font-size-sm);
  57. }
  58. }
  59. }
  60. .wc-block-components-review-list-item__author + .wc-block-components-review-list-item__published-date::before {
  61. content: none;
  62. }
  63. .wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author,
  64. .wc-block-components-review-list-item__published-date {
  65. font-size: var(--global--font-size-xs);
  66. }
  67. .single-product #page #woocommerce-wrapper div.product {
  68. div.summary p.price {
  69. color: var(--global--color-foreground);
  70. font-size: var(--global--font-size-lg);
  71. }
  72. form.cart div.quantity input[type=number] {
  73. line-height: var(--global--font-size-xl);
  74. padding: calc(0.5 * var(--button--padding-vertical)) var(--form--spacing-unit);
  75. }
  76. form.cart button {
  77. line-height: var(--global--font-size-xl);
  78. padding: calc(0.5 * var(--button--padding-vertical) + 1px) var(--button--padding-horizontal);
  79. }
  80. }
  81. .product_meta {
  82. color: var(--global--color-foreground-low-contrast);
  83. }