woocommerce/plugins/woocommerce-blocks/assets/js/blocks/product-query/style.scss

33 lines
898 B
SCSS

.color-block-support-panel {
.wc-block-feedback-prompt {
grid-column: 1 / -1;
}
}
.woocommerce-product-query-panel__external-link {
display: block;
margin-top: $gap-small;
.components-external-link__icon {
margin-left: $gap-smaller;
}
}
/**
* These are the default styles for `product elements` that appear inside the 'Products Block'.
* These styles follow the Gutenberg styling hierarchy, which is as follows:
* Editor Styles > Global Styles > Child Theme > Parent Theme > These styles
*
* To ensure that the styles below have the lowest precedence in the hierarchy,
* we use the :where() selector to decrease the specificity of the CSS selector.
*/
:where(.products-block-post-template .wp-block-post) > * {
margin-bottom: 0.75rem;
margin-top: 0;
}
:where(.editor-styles-wrapper .products-block-post-template .wp-block-post) > * > * {
margin-bottom: 0;
margin-top: 0;
}