/
_c.textarea.scss
53 lines (44 loc) · 1.09 KB
/
_c.textarea.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/* mqp:start */
.mc-textarea {
$border-width: get-border('s');
@include reset-input;
@include set-font-scale('05', 'm');
@include set-border-radius('m');
display: block;
width: 100%;
position: relative;
color: $color-font-darker;
border: $border-width solid $color-input-border;
background: $color-input-background;
transition: all ease 200ms;
max-width: 100%;
// remove border height and center baseline optically
padding:
calc(#{$mu075} - 0.125em - #{$border-width}) $mu075
calc(#{$mu075} + 0.125em - #{$border-width});
&:hover {
@include add-demo-state-class {
border-color: $color-input-hover-border;
}
}
&.is-valid {
border-color: $color-input-valid-border;
}
&.is-invalid {
border-color: $color-input-invalid-border;
}
&:focus {
@include add-demo-state-class {
@include set-shadow-focus();
}
}
&:disabled {
border-color: $color-input-disabled-background;
background: $color-input-disabled-background;
cursor: not-allowed;
}
&::placeholder {
color: $color-input-placeholder;
}
}
/* mqp:end */