2020-07-31 15:17:01 +00:00
|
|
|
.wc-block-components-textarea {
|
|
|
|
@include font-size(regular);
|
|
|
|
background-color: #fff;
|
|
|
|
border: 1px solid $input-border-gray;
|
2023-10-11 16:04:45 +00:00
|
|
|
border-radius: $universal-border-radius;
|
2020-07-31 15:17:01 +00:00
|
|
|
color: $input-text-active;
|
|
|
|
font-family: inherit;
|
|
|
|
line-height: 1.375; // =22px when font-size is 16px.
|
|
|
|
margin: 0;
|
|
|
|
padding: em($gap-small) $gap;
|
|
|
|
width: 100%;
|
2023-11-13 12:52:29 +00:00
|
|
|
box-sizing: border-box;
|
2020-08-14 11:08:16 +00:00
|
|
|
|
|
|
|
.has-dark-controls & {
|
|
|
|
background-color: $input-background-dark;
|
|
|
|
border-color: $input-border-dark;
|
|
|
|
color: $input-text-dark;
|
|
|
|
|
|
|
|
&::placeholder {
|
|
|
|
color: $input-placeholder-dark;
|
|
|
|
}
|
|
|
|
}
|
2020-07-31 15:17:01 +00:00
|
|
|
}
|
2020-11-23 20:20:31 +00:00
|
|
|
|
|
|
|
.theme-twentytwentyone {
|
|
|
|
.has-dark-controls .wc-block-components-textarea {
|
|
|
|
background-color: $input-background-dark;
|
|
|
|
color: $input-text-dark;
|
|
|
|
}
|
|
|
|
}
|