blob: b8a1da2e689e74117bde0c50bb9a180a05de6a8c (
plain)
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
96
97
98
99
100
101
102
103
104
|
/* Text Inputs: [TextBox | DateTextBox | CurrencyTextBox | ValidationTextBox | ...] | TextArea
* Mainly includes:
*
* 1. Containers
* .dijitTextBox
* .dijitInputField - container that wraps "dijitInputInner" or "dijitPlaceHolder"
*
* 2. Textbox input
* .dijitInputInner
* .dijitPlaceHolder
*
* 3. States - Hover, Focused, Disabled, Error, Error while Focused e.g.
* .dijitTextBoxHover
* .dijitTextBoxFocused
* .dijitTextBoxDisabled
* .dijitTextBoxError
* .dijitTextBoxErrorFocused
*
*/
@import 'dijit_form_variables';
.{$theme-name} {
.dijitTextBox,
.dijitInputInner {
line-height: $line-height;
}
.dijitTextBox {
background: $input-background;
border: 1px solid $input-border-color;
border-radius: $input-border-radius;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.dijitTextArea {
padding: $input-padding $input-padding + 2px;
}
.dijitTextBox {
.dijitInputField {
padding: 0 $input-padding;
margin:0 2px;
}
}
create-alternative-textboxes($button-alternative-colors);
.dijitTextBox .dijitInputInner,
.dijitValidationTextBox .dijitValidationContainer,
.dijitTextBox .dijitInputField .dijitPlaceHolder {
padding: $input-padding;
}
// hover
.dijitTextBoxHover {
border-color: $input-hover-border-color;
transition-duration: .25s;
}
// focused
.dijitTextBoxFocused {
border-color: $input-focused-border-color;
transition-duration: .1s;
}
// disabled
.dijitTextBoxDisabled {
color: $input-disabled-color;
background-color: $input-disabled-background-color;
border-color: $input-disabled-border-color;
}
create-alternative-textboxes-disabled($button-alternative-colors);
// error
.dijitTextBoxError,
.dijitTextBoxError .dijitButtonNode {
border-color: $input-error-border-color;
}
// error: focused
.dijitTextBoxErrorFocused,
.dijitTextBoxErrorFocused .dijitButtonNode {
border: $input-focused-error-border;
}
// error: icon
.dijitValidationTextBoxError {
.dijitValidationContainer {
color: $input-error-icon-background-color;
width: $input-error-icon-width;
_icon-core-style();
font-size: $input-error-icon-width;
&:before {
content: $icon-error;
}
}
.dijitValidationIcon {
display: none;
}
}
}
|
