woocommerce/plugins/woocommerce-blocks/assets/js/components/product-attribute-control/style.scss

61 lines
1.4 KiB
SCSS

.woocommerce-product-attributes__operator {
.components-base-control__help {
@include visually-hidden;
}
}
.components-panel {
.woocommerce-product-attributes__operator.components-base-control {
margin-top: $gap;
.components-select-control__input {
margin-left: 0;
min-width: 100%;
}
}
}
.woocommerce-search-list__item.woocommerce-product-attributes__item {
&.is-searching,
&.is-skip-level {
.woocommerce-search-list__item-prefix::after {
content: ":";
}
}
&.is-not-active {
@include hover-state {
background: $white;
}
}
&.is-loading {
justify-content: center;
.components-spinner {
margin-bottom: $gap-small;
}
}
&.depth-0::after {
margin-left: $gap-smaller;
content: "";
height: $gap-large;
width: $gap-large;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" fill="{$core-grey-dark-300}" /></svg>');
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
}
&.depth-0[aria-expanded="true"]::after {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="{$core-grey-dark-300}" /></svg>');
}
&[disabled].depth-0::after {
margin-left: 0;
width: auto;
background: none;
}
}