forked from crowetic/commerce
25 lines
508 B
CSS
25 lines
508 B
CSS
.root {
|
|
@apply px-4 items-center hidden md:flex;
|
|
}
|
|
|
|
.container {
|
|
@apply relative rounded-lg flex flex-row text-sm items-center bg-accent-1;
|
|
}
|
|
|
|
.input {
|
|
@apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out rounded-lg text-accent-1 placeholder-accent-4;
|
|
min-width: 300px;
|
|
}
|
|
|
|
.input:focus {
|
|
@apply outline-none shadow-outline-gray;
|
|
}
|
|
|
|
.iconContainer {
|
|
@apply absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none;
|
|
}
|
|
|
|
.icon {
|
|
@apply h-5 w-5;
|
|
}
|