woocommerce/plugins/woocommerce-admin/client/products/product-block-page.scss

67 lines
1.2 KiB
SCSS

.woocommerce-product-block-editor {
.components-input-control {
&__prefix {
margin-left: $gap-smaller;
}
&__suffix {
margin-right: $gap-smaller;
}
}
.components-currency-control {
.components-input-control__prefix {
color: $gray-700;
}
.components-input-control__input {
text-align: right;
}
}
.components-summary-control {
width: 100%;
min-height: calc($gap-larger * 3);
background-color: $white;
box-sizing: border-box;
border: 1px solid #757575;
border-radius: 2px;
padding: $gap-smaller;
margin: 0;
appearance: textarea;
resize: vertical;
overflow: hidden;
&:focus {
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color-darker-10, --wp-admin-theme-color);
border-color: var(--wp-admin-theme-color-darker-10, --wp-admin-theme-color);
}
}
.woocommerce-product-form {
&__custom-label-input {
display: flex;
flex-direction: column;
label {
display: block;
margin-bottom: $gap-smaller;
}
}
&__optional-input {
color: $gray-700;
}
}
.wp-block-columns {
gap: $gap-large;
}
.wp-block-woocommerce-product-section {
> .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not(:first-child) {
margin-top: $gap-large;
}
}
}