1 | .prism-textarea {
|
2 | width: 100%;
|
3 | border: solid 1px rgba(0, 0, 0, 0.12);
|
4 | margin: 4px 0px;
|
5 | resize: vertical;
|
6 | display: flex;
|
7 | padding: 12px 16px;
|
8 | flex-wrap: wrap;
|
9 | font-size: 0.8em;
|
10 | max-width: 95%;
|
11 | appearance: none;
|
12 | transition: cubic-bezier(0.4, 0, 0.2, 1);
|
13 | font-family: "Roboto", "Arial", sans-serif;
|
14 | text-indent: 0.75em;
|
15 | padding-left: 12px;
|
16 | border-radius: 10px;
|
17 | }
|
18 | .prism-textarea[disabled] {
|
19 | pointer-events: none;
|
20 | }
|
21 | .prism-textarea:not([disabled]):active {
|
22 | outline: none;
|
23 | box-shadow: 0 0 0 1px #61b3cf;
|
24 | border-color: #61b3cf;
|
25 | }
|
26 | .prism-textarea:not([disabled]):focus {
|
27 | outline: none;
|
28 | box-shadow: 0 0 0 1px #61b3cf;
|
29 | border-color: #61b3cf;
|
30 | }
|
31 | .prism-textarea:not([disabled]):invalid {
|
32 | border-color: #f44336;
|
33 | border-width: 2px;
|
34 | }
|
35 | .prism-textarea[readonly], .prism-textarea:read-only {
|
36 | border: none;
|
37 | background: none;
|
38 | pointer-events: none;
|
39 | }
|
40 | .prism-textarea::placeholder {
|
41 | color: rgba(0, 0, 0, 0.38);
|
42 | }
|
43 | .prism-textarea[readonly]:focus, .prism-textarea:read-only:focus {
|
44 | border: none;
|
45 | pointer-events: none;
|
46 | }
|
47 | .prism-textarea[readonly]:active, .prism-textarea:read-only:active {
|
48 | border: none;
|
49 | pointer-events: none;
|
50 | }
|
51 | .prism-textarea--focus {
|
52 | outline: none;
|
53 | box-shadow: 0 0 0 1px #61b3cf;
|
54 | border-color: #61b3cf;
|
55 | }
|
56 | .prism-textarea--active {
|
57 | outline: none;
|
58 | box-shadow: 0 0 0 1px #61b3cf;
|
59 | border-color: #61b3cf;
|
60 | }
|
61 | .prism-textarea--invalid {
|
62 | border-color: #f44336;
|
63 | border-width: 2px;
|
64 | }
|
65 | .prism-textarea--disabled {
|
66 | pointer-events: none;
|
67 | }
|
68 | .prism-textarea--readonly {
|
69 | border: none;
|
70 | background: none;
|
71 | pointer-events: none;
|
72 | }
|
73 | .prism-textarea--readonly:focus {
|
74 | border: none;
|
75 | pointer-events: none;
|
76 | }
|
77 | .prism-textarea--readonly:active {
|
78 | border: none;
|
79 | pointer-events: none;
|
80 | } |
\ | No newline at end of file |