You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
1.4 KiB
86 lines
1.4 KiB
.mobile-birthdate { |
|
width: 100%; |
|
height: 45px; |
|
border-radius: 10px; |
|
padding: 10px 10px; |
|
border: 1px solid #ccc; |
|
margin: 10px 0px; |
|
label { |
|
width: fit-content; |
|
font-family: numeralLight; |
|
} |
|
span { |
|
color: #bfbfbf; |
|
} |
|
|
|
input { |
|
border: 0px; |
|
background-color: white; |
|
font-family: numeralLight; |
|
color: #4d4d4d; |
|
width: 42px; |
|
text-align: center !important; |
|
direction: ltr; |
|
&:focus { |
|
outline: 0px; |
|
} |
|
&::placeholder { |
|
color: #bfbfbf; |
|
} |
|
} |
|
@media screen and (max-width: 1000px) { |
|
span { |
|
font-size: 14px; |
|
} |
|
input { |
|
font-size: 14px; |
|
|
|
&::placeholder { |
|
font-size: 15px; |
|
} |
|
} |
|
} |
|
@media screen and (max-width: 550px) { |
|
span { |
|
font-size: calc(100vw / 30); |
|
} |
|
input { |
|
font-size: calc(100vw / 26); |
|
|
|
&::placeholder { |
|
font-size: calc(100vw / 30); |
|
} |
|
} |
|
} |
|
} |
|
|
|
.birthdate { |
|
width: 100%; |
|
height: 55px; |
|
border-radius: 10px; |
|
padding: 10px 10px; |
|
border: 1px solid #ccc; |
|
margin: 10px 0px; |
|
label { |
|
width: fit-content; |
|
font-family: numeralLight; |
|
} |
|
span { |
|
color: #bfbfbf; |
|
} |
|
input { |
|
border: 0px; |
|
background-color: white; |
|
font-family: numeralLight; |
|
color: #4d4d4d; |
|
width: 42px; |
|
text-align: center !important; |
|
direction: ltr; |
|
&:focus { |
|
outline: 0px; |
|
} |
|
&::placeholder { |
|
color: #bfbfbf; |
|
} |
|
} |
|
}
|
|
|