48 lines
826 B
SCSS
48 lines
826 B
SCSS
.input {
|
|
display: block;
|
|
padding: 27px 24px 25px;
|
|
box-sizing: border-box;
|
|
font-weight: 400;
|
|
font-size: 20px;
|
|
line-height: 140%;
|
|
color: $white;
|
|
border: 1px solid $white;
|
|
border-radius: 60px;
|
|
background-color: $blue;
|
|
outline-color: rgba($color: $white, $alpha: 0.1);
|
|
|
|
@include tablet {
|
|
padding: 21px 24px 18px;
|
|
font-size: 17px;
|
|
line-height: 140%;
|
|
}
|
|
|
|
&:focus {
|
|
background-color: $blue;
|
|
}
|
|
|
|
&::placeholder {
|
|
color: $white;
|
|
}
|
|
|
|
|
|
|
|
&--name {
|
|
background: url(../img/icons/accountInput.svg) center left 31px no-repeat;
|
|
}
|
|
|
|
&--phone {
|
|
background: url(../img/icons/phoneInput.svg) center left 31px no-repeat;
|
|
}
|
|
|
|
&--name,
|
|
&--phone {
|
|
padding-left: 80px;
|
|
|
|
@include tablet {
|
|
padding-left: 60px;
|
|
background-position: center left 20px ;
|
|
}
|
|
}
|
|
}
|