pkg-components
Version:
77 lines (68 loc) • 1.57 kB
CSS
.wrap_input {
border-radius: 5px;
border: 1px solid var(--color-neutral-gray-silver);
margin: 10px 0;
position: relative;
}
.input {
border-radius: 5px;
border: 1px solid var(--color-base-transparent);
font-size: var(--font-size-lg);
font-weight: 500;
margin: 10px 0;
outline: 0;
outline: 1px solid transparent;
padding: 10px;
width: 100%;
}
.wrap_tooltip {
position: absolute;
bottom: -15px;
}
.tooltip {
background-color: var(--color-base-transparent);
color: var(--color-text-error);
display: block;
font-size: var(--font-size-sm);
left: 15px;
overflow: hidden;
pointer-events: none;
pointer-events: none;
position: absolute;
text-overflow: ellipsis;
top: -2px;
font-weight: var(--font-weight-extrabold);
}
.label-input {
position: absolute;
transition: 0.2s ease;
text-align: left;
pointer-events: none;
text-overflow: ellipsis;
overflow: hidden;
background-color: var(--color-base-white);
color: var(--color-neutral-gray-dark);
font-family: PFont-Light;
font-size: var(--font-size-lg);
left: 15px;
pointer-events: none;
padding: 0 5px;
}
.label-input .date-type {
top: -8px;
left: 5px;
}
.label-input .default {
top: 35px;
left: 25px;
font-size: 16px;
color: var(--SFColor);
}
.value-present {
top: 3px;
left: 10px;
font-size: 1rem;
}
.label-input.error {
color: var(--EColor);
}