vuestic-ui
Version:
Vue 3 UI Framework
48 lines • 1.02 kB
CSS
:root,
:host {
--va-time-picker-display: inline-flex;
--va-time-picker-disabled-opacity: 0.4;
}
.va-time-picker {
display: var(--va-time-picker-display);
justify-content: center;
overflow: hidden;
height: var(--va-time-picker-height);
font-family: var(--va-font-family);
}
.va-time-picker--readonly {
position: relative;
}
.va-time-picker--readonly::after {
content: "";
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
}
.va-time-picker--disabled {
position: relative;
opacity: var(--va-time-picker-disabled-opacity);
}
.va-time-picker--disabled::after {
content: "";
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
}
.va-time-picker--framed {
position: relative;
}
.va-time-picker--framed::before {
content: "";
height: var(--va-time-picker-cell-height);
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border-top: 1px solid var(--va-divider);
border-bottom: 1px solid var(--va-divider);
z-index: 0;
}