xelpmoc-core
Version:
Xelpmoc Core UI
45 lines (44 loc) • 647 B
CSS
.base {
width: 100%;
height: 40px;
border-radius: 2px;
background: #ebeced;
display: flex;
transition: 300ms;
}
.focused {
composes: base;
background: #ccc;
}
.disabled {
composes: base;
opacity: 0.5;
pointer-events: none;
}
.hollow {
composes: base;
background: transparent;
color: #fff;
}
.box {
height: 100%;
width: 100%;
border: none;
padding: 0 10px;
font-size: 12px;
color: inherit;
background: transparent;
font-family: regular;
}
.box:focus {
border: none;
outline: none;
}
.leftChild,
.rightChild {
width: auto;
height: 40px;
flex-shrink: 0;
display: flex;
align-items: center;
}