scratch – Blame information for rev 94
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
84 | office | 1 | .drawing-board-control-size { |
2 | .drawing-board-control-inner { |
||
3 | @extend %box; |
||
4 | } |
||
5 | |||
6 | &[data-drawing-board-type="range"] .drawing-board-control-inner { |
||
7 | width: 75px; |
||
8 | } |
||
9 | |||
10 | &[data-drawing-board-type="dropdown"] .drawing-board-control-inner { |
||
11 | overflow: visible; |
||
12 | } |
||
13 | } |
||
14 | |||
15 | .drawing-board-control-size-range-input { |
||
16 | position: relative; |
||
17 | width: 100%; |
||
18 | z-index: 100; |
||
19 | margin: 0; |
||
20 | padding: 0; |
||
21 | border: 0; |
||
22 | } |
||
23 | |||
24 | %dot { |
||
25 | display: block; |
||
26 | background: #333; |
||
27 | opacity: .8; |
||
28 | } |
||
29 | |||
30 | .drawing-board-control-size-range-current { |
||
31 | @extend %dot; |
||
32 | display: inline-block; |
||
33 | opacity: .15; |
||
34 | position: absolute; |
||
35 | pointer-events: none; |
||
36 | left: 50%; |
||
37 | top: 50%; |
||
38 | z-index: 50; |
||
39 | } |
||
40 | |||
41 | .drawing-board-control-size-dropdown-current { |
||
42 | display: block; |
||
43 | height: 100%; |
||
44 | width: 40px; |
||
45 | overflow: hidden; |
||
46 | position: relative; |
||
47 | span { |
||
48 | @extend %dot; |
||
49 | position: absolute; |
||
50 | left: 50%; |
||
51 | top: 50%; |
||
52 | } |
||
53 | } |
||
54 | |||
55 | .drawing-board-control-size-dropdown { |
||
56 | position: absolute; |
||
57 | left: -6px; |
||
58 | top: $controls-dropdown-top; |
||
59 | @extend %box; |
||
60 | height: auto; |
||
61 | list-style-type: none; |
||
62 | margin: 0; |
||
63 | padding: 0; |
||
64 | z-index: 100; |
||
65 | li { |
||
66 | display: block; |
||
67 | padding: 4px; |
||
68 | margin: 3px 0; |
||
69 | min-height: 16px; |
||
70 | &:hover { |
||
71 | background: #ccc; |
||
72 | } |
||
73 | } |
||
74 | span { |
||
75 | @extend %dot; |
||
76 | margin: 0 auto; |
||
77 | } |
||
78 | } |