mirror of
https://github.com/vercel/commerce.git
synced 2025-07-04 12:11:22 +00:00
30 lines
527 B
CSS
30 lines
527 B
CSS
.root {
|
|
@apply relative bg-accent-0 text-3xl w-full transition-colors duration-150;
|
|
}
|
|
|
|
.input {
|
|
@apply bg-transparent py-3 appearance-none w-full transition duration-150 ease-in-out pr-14;
|
|
}
|
|
|
|
.input::placeholder {
|
|
@apply text-accent-3;
|
|
}
|
|
|
|
.input:focus {
|
|
@apply outline-none;
|
|
}
|
|
|
|
.iconContainer {
|
|
@apply absolute inset-y-0 -right-4 lg:right-0 px-4 flex items-center pointer-events-none border-l border-r border-accent-9;
|
|
}
|
|
|
|
.icon {
|
|
@apply h-6 lg:h-8 w-6 lg:w-8;
|
|
}
|
|
|
|
@screen sm {
|
|
.input {
|
|
min-width: 300px;
|
|
}
|
|
}
|