By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 textareas.css

View raw Download
text/plain • 1.39 kiB
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
13
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
20
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
27
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
35
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
42
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
}