mirror of
https://github.com/vercel/commerce.git
synced 2025-07-07 21:31:22 +00:00
52 lines
1005 B
SCSS
52 lines
1005 B
SCSS
@import "../../../styles/utilities";
|
|
|
|
.inputWrap {
|
|
@apply flex items-center relative;
|
|
.icon {
|
|
@apply absolute;
|
|
content: "";
|
|
left: 1.6rem;
|
|
margin-right: 1.6rem;
|
|
svg path {
|
|
fill: currentColor;
|
|
}
|
|
}
|
|
.icon + .inputCommon {
|
|
padding-left: 4.8rem;
|
|
}
|
|
.inputCommon {
|
|
@apply block w-full transition-all duration-200 rounded;
|
|
padding: 1.2rem 1.6rem;
|
|
border: 1px solid var(--border-line);
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
outline: none;
|
|
border: 1px solid var(--primary);
|
|
@apply shadow-md;
|
|
}
|
|
|
|
&::placeholder {
|
|
@apply text-label;
|
|
}
|
|
|
|
&.custom {
|
|
@apply custom-border-radius;
|
|
border: 1px solid transparent;
|
|
background: var(--gray);
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
border: 1px solid var(--primary);
|
|
}
|
|
}
|
|
&.bgTransparent {
|
|
background: rgb(227, 242, 233, 0.3);
|
|
color: var(--white);
|
|
&::placeholder {
|
|
color: var(--white);
|
|
}
|
|
}
|
|
}
|
|
}
|