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

84 lines
1.3 KiB
SCSS
Raw Normal View History

.woocommerce-add-product,
.woocommerce-edit-product {
.woocommerce-product-form-actions {
margin-top: $gap-largest + $gap-smaller;
}
.components-checkbox-control,
.components-toggle-control {
& > * {
margin-bottom: 0;
}
}
.components-input-control {
&__prefix {
margin-left: $gap-smaller;
}
&__suffix {
margin-right: $gap-smaller;
}
}
.components-checkbox-control {
&__label {
display: flex;
align-items: center;
}
&__input-container {
align-self: center;
}
.components-base-control__field {
display: flex;
}
}
.woocommerce-tooltip {
margin-left: $gap-smaller;
}
.woocommerce-product-form {
&__custom-label-input {
display: flex;
flex-direction: column;
label {
display: block;
margin-bottom: $gap-smaller;
}
}
&__optional-input {
color: $gray-700;
}
&__secondary-text {
font-size: 12px;
color: $gray-700;
margin-top: $gap-smaller;
}
}
.has-error {
.components-base-control__help {
color: $studio-red-50;
margin-bottom: 0;
}
}
}
.woocommerce-edit-product {
position: relative;
&__error {
background: #fff;
text-align: center;
border: 1px solid $gray-400;
border-radius: 2px;
padding: 1em 2em;
}
&__spinner {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
height: 100%;
}
}