mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-11-16 06:06:56 +08:00
28 lines
600 B
CSS
28 lines
600 B
CSS
|
@layer components {
|
||
|
|
.sci-input-container-v2 {
|
||
|
|
@apply relative h-[2.75rem] flex items-center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sci-input-container-v2 input {
|
||
|
|
@apply w-full h-full bg-transparent p-0.5 border rounded outline-none absolute top-0;
|
||
|
|
border-color: var(--sn-sleepy-grey);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sci-input-container-v2 input::placeholder {
|
||
|
|
color: var(--sn-sleepy-grey);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sci-input-container-v2 input:focus {
|
||
|
|
border-color: var(--sn-science-blue);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sci-input-container-v2 .sn-icon {
|
||
|
|
@apply m-2;
|
||
|
|
color: var(--sn-black)
|
||
|
|
}
|
||
|
|
|
||
|
|
.sci-input-container-v2.left-icon input {
|
||
|
|
@apply pl-10;
|
||
|
|
}
|
||
|
|
}
|