equal
deleted
inserted
replaced
1 // ColorButton |
|
2 |
|
3 .@{prefix}-colorbutton .@{prefix}-ico { |
|
4 position: relative; |
|
5 } |
|
6 |
|
7 .@{prefix}-colorbutton-grid { |
|
8 margin: 4px; |
|
9 } |
|
10 |
|
11 .@{prefix}-colorbutton button { |
|
12 padding-right: 4px; |
|
13 } |
|
14 |
|
15 .@{prefix}-colorbutton .@{prefix}-preview { |
|
16 padding-right: 3px; |
|
17 display: block; |
|
18 position: absolute; |
|
19 left: 50%; |
|
20 top: 50%; |
|
21 margin-left: -14px; |
|
22 margin-top: 7px; |
|
23 background: gray; |
|
24 width: 13px; |
|
25 height: 2px; |
|
26 overflow: hidden; |
|
27 } |
|
28 |
|
29 .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-preview { |
|
30 margin-left: -16px; |
|
31 padding-right: 0; |
|
32 width: 16px; |
|
33 } |
|
34 |
|
35 .@{prefix}-colorbutton .@{prefix}-open { |
|
36 padding-left: 4px; |
|
37 border-left: 1px solid transparent; |
|
38 border-right: 1px solid transparent; |
|
39 } |
|
40 |
|
41 .@{prefix}-colorbutton:hover .@{prefix}-open { |
|
42 border-left-color: @btn-split-border; |
|
43 border-right-color: @btn-split-border; |
|
44 } |
|
45 |
|
46 .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-open { |
|
47 padding: 0 3px 0 3px; |
|
48 } |
|
49 |
|
50 // RTL |
|
51 |
|
52 .@{prefix}-rtl .@{prefix}-colorbutton { |
|
53 direction: rtl; |
|
54 } |
|
55 |
|
56 .@{prefix}-rtl .@{prefix}-colorbutton .@{prefix}-preview { |
|
57 margin-left: 0; |
|
58 padding-right: 0; |
|
59 padding-left: 4px; |
|
60 margin-right: -14px; |
|
61 } |
|
62 |
|
63 .@{prefix}-rtl .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-preview { |
|
64 margin-left: 0; |
|
65 padding-right: 0; |
|
66 margin-right: -17px; |
|
67 padding-left: 0; |
|
68 } |
|
69 |
|
70 .@{prefix}-rtl .@{prefix}-colorbutton button { |
|
71 padding-right: 10px; |
|
72 padding-left: 10px; |
|
73 } |
|
74 |
|
75 .@{prefix}-rtl .@{prefix}-colorbutton .@{prefix}-open { |
|
76 padding-left: 4px; |
|
77 padding-right: 4px; |
|
78 } |
|