ASCII text
1
textarea {
2
flex: 1 0 auto;
3
resize: vertical;
4
box-shadow: var(--shadow-textarea);
5
border: var(--border-textarea);
6
background: var(--color-textarea);
7
color: var(--color-textarea-text);
8
padding: var(--padding-textarea);
9
border-radius: var(--radius-textarea);
10
width: 100%;
11
}
12
textarea:hover {
14
box-shadow: var(--shadow-textarea-hover);
15
border: var(--border-textarea-hover);
16
background: var(--color-textarea-hover);
17
color: var(--color-textarea-text-hover);
18
}
19
textarea:focus {
21
box-shadow: var(--shadow-textarea-active);
22
border: var(--border-textarea-active);
23
background: var(--color-textarea-active);
24
color: var(--color-textarea-text-active);
25
}
26
textarea.textarea-flat {
28
box-shadow: var(--shadow-flat-textarea);
29
border: var(--border-flat-textarea);
30
background: var(--color-flat-textarea);
31
color: var(--color-flat-textarea-text);
32
border-radius: var(--radius-flat-textarea);
33
}
34
textarea.textarea-flat:hover {
36
box-shadow: var(--shadow-flat-textarea-hover);
37
border: var(--border-flat-textarea-hover);
38
background: var(--color-flat-textarea-hover);
39
color: var(--color-flat-textarea-hover-text);
40
}
41
textarea.textarea-flat:active {
43
box-shadow: var(--shadow-flat-textarea-active);
44
border: var(--border-flat-textarea-active);
45
background: var(--color-flat-textarea-active);
46
color: var(--color-flat-textarea-active-text);
47
}