Skip to content

Instantly share code, notes, and snippets.

@Aljullu
Created June 22, 2020 17:47
Show Gist options
  • Save Aljullu/592ceb9d1033e8752db634ed8b628b86 to your computer and use it in GitHub Desktop.
Save Aljullu/592ceb9d1033e8752db634ed8b628b86 to your computer and use it in GitHub Desktop.
WC Blocks example theme CSS
// Sets the colors of the Button component used in the Cart and Checkout blocks.
// https://github.com/woocommerce/woocommerce-gutenberg-products-block/blob/main/docs/theming/cart-and-checkout.md#button
.wc-block-components-button {
background-color: $heading-color;
color: $background-color;
}
// Sets the colors of the summary item quantity badge shown in the Cart sidebar.
// See https://github.com/woocommerce/woocommerce-gutenberg-products-block/blob/main/docs/theming/cart-and-checkout.md#item-quantity-badge
.wc-block-components-order-summary-item__quantity {
background: $background-color;
border-color: $text-color;
box-shadow: 0 0 0 2px $background-color;
color: $text-color;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment