2023-07-04 12:08:50 +00:00
|
|
|
@import '../../stylesheets/_variables.scss';
|
|
|
|
|
2023-07-26 14:58:22 +00:00
|
|
|
.woocommerce-marketplace__search {
|
|
|
|
grid-area: mktpl-search;
|
2023-08-16 10:17:35 +00:00
|
|
|
background: $gutenberg-gray-100;
|
2023-07-26 14:58:22 +00:00
|
|
|
border-radius: 2px;
|
2023-07-04 12:08:50 +00:00
|
|
|
display: flex;
|
2023-07-26 14:58:22 +00:00
|
|
|
height: 40px;
|
|
|
|
padding: 4px 8px 4px 12px;
|
2023-07-04 12:08:50 +00:00
|
|
|
|
2023-07-26 14:58:22 +00:00
|
|
|
input[type='search'] {
|
|
|
|
all: unset;
|
|
|
|
flex-grow: 1;
|
2023-07-04 12:08:50 +00:00
|
|
|
}
|
2023-07-26 14:58:22 +00:00
|
|
|
|
2023-08-16 10:17:35 +00:00
|
|
|
&:focus-within {
|
|
|
|
background: #fff;
|
|
|
|
border: 1.5px solid var(--wp-admin-theme-color, #3858e9);
|
|
|
|
}
|
|
|
|
|
2023-07-26 14:58:22 +00:00
|
|
|
@media (width <= $breakpoint-medium) {
|
|
|
|
margin: $content-spacing-small;
|
2023-07-04 12:08:50 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-07-26 14:58:22 +00:00
|
|
|
.woocommerce-marketplace__search-button {
|
|
|
|
all: unset;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|