equal
deleted
inserted
replaced
|
1 // Checkbox |
|
2 |
|
3 .@{prefix}-checkbox { |
|
4 cursor: pointer; |
|
5 } |
|
6 |
|
7 i.@{prefix}-i-checkbox { |
|
8 margin: 0 3px 0 0; |
|
9 border: 1px solid @checkbox-border; |
|
10 .border-radius(3px); |
|
11 .box-shadow(@checkbox-box-shadow); |
|
12 .vertical-gradient(@checkbox-bg, @checkbox-bg-hlight); |
|
13 text-indent: -10em; |
|
14 *font-size: 0; |
|
15 *line-height: 0; |
|
16 *text-indent: 0; |
|
17 overflow: hidden; |
|
18 } |
|
19 |
|
20 .@{prefix}-checked i.@{prefix}-i-checkbox { |
|
21 color: @btn-text; |
|
22 font-size: 16px; |
|
23 line-height: 16px; |
|
24 text-indent: 0; |
|
25 } |
|
26 |
|
27 .@{prefix}-checkbox:focus i.@{prefix}-i-checkbox, .@{prefix}-checkbox.@{prefix}-focus i.@{prefix}-i-checkbox { |
|
28 border: 1px solid @checkbox-border-focus; |
|
29 .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px fadeout(@checkbox-border-focus, 15%)); |
|
30 } |
|
31 |
|
32 .@{prefix}-checkbox.@{prefix}-disabled .@{prefix}-label, .@{prefix}-checkbox.@{prefix}-disabled i.@{prefix}-i-checkbox { |
|
33 color: mix(@text, @panel-bg, 40%); |
|
34 } |
|
35 |
|
36 // RTL |
|
37 |
|
38 .@{prefix}-rtl .@{prefix}-checkbox { |
|
39 direction: rtl; |
|
40 text-align: right; |
|
41 } |
|
42 |
|
43 .@{prefix}-rtl i.@{prefix}-i-checkbox { |
|
44 margin: 0 0 0 3px; |
|
45 } |