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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
@mixin valo-textarea ($primary-stylename: v-textarea, $include-additional-styles: contains($v-included-additional-styles, textarea)) {
.#{$primary-stylename} {
@include valo-textarea-style;
width: $v-default-field-width;
}
.#{$primary-stylename}-readonly {
@include valo-textfield-readonly-style;
}
.#{$primary-stylename}-error {
@include valo-textfield-error-style;
}
@if $include-additional-styles {
.#{$primary-stylename}-borderless {
@include valo-textfield-borderless-style;
}
.#{$primary-stylename}-tiny {
@include valo-textarea-style($unit-size: $v-unit-size--tiny, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null);
font-size: $v-font-size--tiny;
}
.#{$primary-stylename}-small {
@include valo-textarea-style($unit-size: $v-unit-size--small, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null);
font-size: $v-font-size--small;
}
.#{$primary-stylename}-large {
@include valo-textarea-style($unit-size: $v-unit-size--large, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null);
font-size: $v-font-size--large;
}
.#{$primary-stylename}-huge {
@include valo-textarea-style($unit-size: $v-unit-size--huge, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null);
font-size: $v-font-size--huge;
}
.#{$primary-stylename}-align-right {
text-align: right;
}
.#{$primary-stylename}-align-center {
text-align: center;
}
}
}
@mixin valo-textarea-style (
$unit-size : $v-unit-size,
$padding : round($v-unit-size/6), // Computed by default
$font-color : null, // Computed by default
$font-weight : max(400, $v-font-weight), // Inherited by default
$font-size : null, // Inherited by default
$background-color : $v-textfield-background-color,
$border : $v-textfield-border,
$border-radius : $v-textfield-border-radius,
$bevel : $v-textfield-bevel,
$shadow : $v-textfield-shadow,
$states : (normal, focus, disabled)
) {
@include valo-textfield-style($unit-size: $unit-size, $padding: $padding,
$font-color: $font-color,
$font-weight: $font-weight, // Inherited by default
$font-size: $font-size, // Inherited by default
$background-color: $background-color,
$border: $border,
$border-radius: $border-radius,
$bevel: $bevel,
$shadow: $shadow,
$states: $states);
height: auto;
resize: none;
white-space: pre-wrap; // Restore default, because .v-widget sets it to normal
.v-ie8 &,
.v-ie9 & {
line-height: inherit;
padding-top: round($unit-size/9);
padding-bottom: round($unit-size/9);
}
}
|
