mirror of
https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend
synced 2025-12-28 22:42:11 +01:00
45 lines
898 B
SCSS
45 lines
898 B
SCSS
.ui-text-field {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
border-radius: 6.25rem;
|
|
height: 3.5rem;
|
|
@apply bg-isa-white;
|
|
@apply border border-solid border-isa-neutral-600;
|
|
|
|
@apply focus-within:border-isa-neutral-900;
|
|
|
|
&:has(input.ng-invalid) {
|
|
@apply border-isa-accent-red;
|
|
}
|
|
|
|
.ui-text-field__wrapper {
|
|
display: flex;
|
|
width: 22.875rem;
|
|
height: 2.5rem;
|
|
min-width: 10rem;
|
|
padding: 0.5rem 1.25rem;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
input[type="text"] {
|
|
@apply focus:outline-none;
|
|
@apply text-isa-neutral-900 appearance-none;
|
|
|
|
font-size: 0.875rem;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1.25rem; /* 142.857% */
|
|
|
|
&::placeholder {
|
|
@apply text-isa-neutral-400;
|
|
}
|
|
|
|
&:hover::placeholder,
|
|
&:focus::placeholder {
|
|
@apply text-isa-neutral-900;
|
|
}
|
|
}
|
|
}
|