44 lines
1.1 KiB
SCSS
44 lines
1.1 KiB
SCSS
|
.woocommerce-search-product__item {
|
||
|
|
.woocommerce-search-list__item-name {
|
||
|
|
.description {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&.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.is-variable::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 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill="{$core-grey-dark-300}" /></svg>');
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center right;
|
||
|
|
background-size: contain;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.depth-0.is-variable[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 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" fill="{$core-grey-dark-300}" /></svg>');
|
||
|
|
}
|
||
|
|
}
|