]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* |
2 | * Component: Form | |
3 | * --------------- | |
4 | */ | |
5 | .form-control { | |
6 | .border-radius(@input-radius); | |
7 | box-shadow: none; | |
8 | border-color: @gray; | |
9 | &:focus { | |
10 | border-color: @light-blue; | |
11 | box-shadow: none; | |
12 | } | |
13 | &::-moz-placeholder, | |
14 | &:-ms-input-placeholder, | |
15 | &::-webkit-input-placeholder { | |
16 | color: #bbb; | |
17 | opacity: 1; | |
18 | } | |
19 | ||
20 | &:not(select) { | |
21 | -webkit-appearance: none; | |
22 | -moz-appearance: none; | |
23 | appearance: none; | |
24 | } | |
25 | } | |
26 | ||
27 | .form-group { | |
28 | &.has-success { | |
29 | label { | |
30 | color: @green; | |
31 | } | |
32 | .form-control, | |
33 | .input-group-addon { | |
34 | border-color: @green; | |
35 | box-shadow: none; | |
36 | } | |
37 | .help-block { | |
38 | color: @green; | |
39 | } | |
40 | } | |
41 | ||
42 | &.has-warning { | |
43 | label { | |
44 | color: @yellow; | |
45 | } | |
46 | .form-control, | |
47 | .input-group-addon { | |
48 | border-color: @yellow; | |
49 | box-shadow: none; | |
50 | } | |
51 | .help-block { | |
52 | color: @yellow; | |
53 | } | |
54 | } | |
55 | ||
56 | &.has-error { | |
57 | label { | |
58 | color: @red; | |
59 | } | |
60 | .form-control, | |
61 | .input-group-addon { | |
62 | border-color: @red; | |
63 | box-shadow: none; | |
64 | } | |
65 | .help-block { | |
66 | color: @red; | |
67 | } | |
68 | } | |
69 | } | |
70 | ||
71 | /* Input group */ | |
72 | .input-group { | |
73 | .input-group-addon { | |
74 | .border-radius(@input-radius); | |
75 | border-color: @gray; | |
76 | background-color: #fff; | |
77 | } | |
78 | } | |
79 | ||
80 | /* button groups */ | |
81 | .btn-group-vertical { | |
82 | .btn { | |
83 | &.btn-flat:first-of-type, &.btn-flat:last-of-type { | |
84 | .border-radius(0); | |
85 | } | |
86 | } | |
87 | } | |
88 | ||
89 | .icheck > label { | |
90 | padding-left: 0; | |
91 | } | |
92 | ||
93 | /* support Font Awesome icons in form-control */ | |
94 | .form-control-feedback.fa { | |
95 | line-height: @input-height-base; | |
96 | } | |
97 | ||
98 | .input-lg + .form-control-feedback.fa, | |
99 | .input-group-lg + .form-control-feedback.fa, | |
100 | .form-group-lg .form-control + .form-control-feedback.fa { | |
101 | line-height: @input-height-large; | |
102 | } | |
103 | ||
104 | .input-sm + .form-control-feedback.fa, | |
105 | .input-group-sm + .form-control-feedback.fa, | |
106 | .form-group-sm .form-control + .form-control-feedback.fa { | |
107 | line-height: @input-height-small; | |
108 | } |