woocommerce/plugins/woocommerce-blocks/assets/js/blocks/classic-template/editor.scss

58 lines
1.2 KiB
SCSS

:where(.wp-block-woocommerce-legacy-template) {
margin-left: auto;
margin-right: auto;
}
.wp-block-woocommerce-classic-template__placeholder-copy {
display: flex;
flex-direction: column;
max-width: 900px;
width: 400px;
margin: auto;
}
.wp-block-woocommerce-classic-template__placeholder-warning {
border-left: 5px solid #2181d2;
padding-left: em(40px);
}
.wp-block-woocommerce-classic-template__placeholder-wireframe {
height: 250px;
background: #e5e5e5;
display: flex;
flex-wrap: wrap;
gap: $gap-large;
margin: auto;
@media only screen and (min-width: 768px) {
height: auto;
background: transparent;
}
}
.wp-block-woocommerce-classic-template__placeholder .wp-block-woocommerce-classic-template__placeholder-image {
display: none;
width: 400px;
height: auto;
@media only screen and (min-width: 768px) {
display: block;
}
}
.wp-block-woocommerce-classic-template__placeholder-migration-button-container {
justify-content: center;
align-items: center;
margin: 0 auto;
}
.wp-block-woocommerce-classic-template__placeholder-copy__icon-container {
display: flex;
align-items: center;
gap: $gap-small;
span {
@include font-size(larger);
}
}