woocommerce/packages/js/components/src/experimental-select-control/combo-box.scss

42 lines
755 B
SCSS
Raw Normal View History

.woocommerce-experimental-select-control__combo-box-wrapper {
cursor: text;
border: 1px solid $studio-gray-20;
border-radius: 2px;
background: $studio-white;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: $gap-smallest 36px $gap-smallest $gap-smaller;
margin-bottom: 4px;
> * {
display: inline-flex;
}
&--disabled {
opacity: 0.5;
}
}
.woocommerce-experimental-select-control__combox-box {
flex-grow: 1;
align-items: center;
flex-basis: 120px;
display: inline-flex;
input {
width: 100%;
margin-top: 2px;
margin-bottom: 2px;
font-size: 13px;
}
}
.woocommerce-experimental-select-control__combox-box-icon {
position: absolute;
right: 6px;
top: 50%;
transform: translateY( -50% );
}