billing: Add bootstrap CSS rules for textarea in sponsorship page.

This commit adds required bootstrap CSS rules used for textarea
element in sponsorship page with existing CSS for that element
in billing.css.

This change is done so we can safely remove textarea CSS rules
for bootstrap.css as a part of our process to remove bootstrap
without changing existing design.
This commit is contained in:
Sahil Batra 2022-11-29 15:37:33 +05:30 committed by Tim Abbott
parent cb699d6c10
commit 74b985ccce
1 changed files with 27 additions and 0 deletions

View File

@ -329,5 +329,32 @@ input[name="licenses"] {
textarea {
box-sizing: border-box;
color: hsl(0, 0%, 33%);
background-color: hsl(0, 0%, 100%);
border-radius: 4px;
vertical-align: middle;
border: 1px solid hsl(0, 0%, 80%);
padding: 4px 6px;
margin-bottom: 10px;
line-height: 20px;
box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, 0.075);
transition: border linear 0.2s, box-shadow linear 0.2s;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
&:focus {
border-color: hsla(206.5, 80%, 62%, 0.8);
outline: 0;
box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, 0.075),
0 0 8px hsla(206.5, 80%, 62%, 0.6);
&:invalid {
border-color: hsl(2, 81%, 55%);
box-shadow: 0 0 6px hsl(2, 82%, 85%);
color: hsl(1, 45%, 50%);
}
}
}
}