57 lines
1.2 KiB
SCSS
57 lines
1.2 KiB
SCSS
// Import the woocommerce components stylesheet
|
|
@import "~@woocommerce/components/build-style/style.css";
|
|
|
|
// Hack to hide preview overflow.
|
|
.editor-block-preview__content {
|
|
overflow: hidden;
|
|
}
|
|
|
|
// Align the block icons in edit mode
|
|
.components-placeholder__label .gridicon,
|
|
.components-placeholder__label .material-icon {
|
|
margin-right: 1ch;
|
|
fill: currentColor;
|
|
}
|
|
|
|
// Remove the list styling, which is added back by core GB styles.
|
|
.editor-styles-wrapper {
|
|
.wc-block-grid {
|
|
.wc-block-grid__products {
|
|
list-style: none;
|
|
margin: 0 (-$gap/2) $gap;
|
|
padding: 0;
|
|
|
|
.wc-block-grid__product {
|
|
margin: 0 0 $gap-large 0;
|
|
}
|
|
}
|
|
|
|
&.components-placeholder {
|
|
padding: 2em 1em;
|
|
}
|
|
|
|
&.is-loading,
|
|
&.is-not-found {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Style inline notices in the inspector.
|
|
.components-base-control {
|
|
+ .wc-block-base-control-notice {
|
|
margin: -$gap 0 $gap;
|
|
}
|
|
|
|
& + .wc-block-base-control-notice:last-child {
|
|
margin: -$gap 0 $gap-small;
|
|
}
|
|
}
|
|
|
|
// This border has been upstreamed to WooCommerce Admin, so it can be removed
|
|
// from here once @woocommerce/components gets updated.
|
|
// https://github.com/woocommerce/woocommerce-admin/pull/5901
|
|
.woocommerce-search-list__list {
|
|
border: 1px solid $gray-200;
|
|
}
|