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.
63 lines
1.1 KiB
63 lines
1.1 KiB
.custom-textarea { |
|
width: 100%; |
|
padding: 10px 12px; |
|
border-radius: 10px; |
|
|
|
margin-top: 10px; |
|
&-light { |
|
border: 1px solid $green; |
|
background-color: white; |
|
color: $gray5; |
|
} |
|
&-dark { |
|
border: 1px solid $gray2; |
|
background-color: black; |
|
color: white; |
|
} |
|
&::placeholder { |
|
color: #a2a2a2; |
|
} |
|
&:focus { |
|
border: 1px solid $green1; |
|
outline: none; |
|
&::placeholder { |
|
color: $green1; |
|
} |
|
} |
|
} |
|
|
|
@media screen and (min-width: 1441px) { |
|
.custom-textarea { |
|
font-size: 16px; |
|
&::placeholder { |
|
font-size: 16px; |
|
} |
|
} |
|
} |
|
|
|
@media screen and (min-width: 1008px) and (max-width: 1440px) { |
|
.custom-textarea { |
|
font-size: calc(100vw / 110); |
|
&::placeholder { |
|
font-size: calc(100vw / 110); |
|
} |
|
} |
|
} |
|
|
|
@media screen and (min-width: 641px) and (max-width: 1007px) { |
|
.custom-textarea { |
|
font-size: calc(100vw / 40); |
|
&::placeholder { |
|
font-size: calc(100vw / 40); |
|
} |
|
} |
|
} |
|
|
|
@media screen and (max-width: 640px) { |
|
.custom-textarea { |
|
font-size: calc(100vw / 30); |
|
&::placeholder { |
|
font-size: calc(100vw / 30); |
|
} |
|
} |
|
}
|
|
|