scratch – Blame information for rev 85
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
84 | office | 1 | $controls-height: 28px; |
2 | $controls-margin: 5px; |
||
3 | $controls-dropdown-top: $controls-height + $controls-margin; |
||
4 | |||
5 | %box { |
||
6 | @include box-sizing(border-box); |
||
7 | overflow: hidden; |
||
8 | border: none; |
||
9 | background-color:#eee; |
||
10 | padding: 2px 4px; |
||
11 | border: 1px solid #ccc; |
||
12 | box-shadow: 0 1px 3px -2px hsl(0, 0%, 7%), inset 0 2px 5px 0 hsla(0, 100%, 100%, 0.3); |
||
13 | -webkit-box-shadow: 0 1px 3px -2px hsl(0, 0%, 7%), inset 0 2px 5px 0 hsla(0, 100%, 100%, 0.3); |
||
14 | height: $controls-height; |
||
15 | } |
||
16 | |||
17 | %btn { |
||
18 | @extend %box; |
||
19 | cursor: pointer; |
||
20 | &:hover, &:focus { |
||
21 | background-color: #ddd; |
||
22 | } |
||
23 | &:active, &.active { |
||
24 | box-shadow: inset 0 1px 2px 0 hsla(0, 0%, 0%, 0.2); |
||
25 | -webkit-box-shadow: inset 0 1px 2px 0 hsla(0, 0%, 0%, 0.2); |
||
26 | background-color: #ddd; |
||
27 | } |
||
28 | &[disabled] { |
||
29 | color: gray; |
||
30 | &:hover, &:focus, &:active, &.active { |
||
31 | background-color:#eee; |
||
32 | box-shadow: 0 1px 3px -2px hsl(0, 0%, 7%), inset 0 2px 5px 0 hsla(0, 100%, 100%, 0.3); |
||
33 | -webkit-box-shadow: 0 1px 3px -2px hsl(0, 0%, 7%), inset 0 2px 5px 0 hsla(0, 100%, 100%, 0.3); |
||
34 | cursor: default; |
||
35 | } |
||
36 | } |
||
37 | min-width: $controls-height; |
||
38 | line-height: $controls-height/2; |
||
39 | } |
||
40 | |||
41 | .drawing-board-controls { |
||
42 | margin: 0 auto; |
||
43 | text-align: center; |
||
44 | font-size: 0; |
||
45 | display: table; |
||
46 | border-spacing: $controls-height/3 0; |
||
47 | position: relative; |
||
48 | &[data-align="left"] { |
||
49 | margin: 0; |
||
50 | left: -$controls-height/3; |
||
51 | } |
||
52 | &[data-align="right"] { |
||
53 | margin: 0 0 0 auto; |
||
54 | right: -$controls-height/3; |
||
55 | } |
||
56 | .drawing-board-canvas-wrapper + &, & + .drawing-board-canvas-wrapper { |
||
57 | margin-top: $controls-margin; |
||
58 | } |
||
59 | min-height: $controls-height; |
||
60 | } |
||
61 | |||
62 | .drawing-board-controls-hidden { |
||
63 | @extend .drawing-board-utils-hidden; |
||
64 | height: 0; |
||
65 | min-height: 0; |
||
66 | padding: 0; |
||
67 | margin: 0; |
||
68 | border: 0; |
||
69 | } |
||
70 | |||
71 | .drawing-board-control { |
||
72 | display: table-cell; |
||
73 | border-collapse: separate; |
||
74 | vertical-align: middle; |
||
75 | font-size: 16px; |
||
76 | height: 100%; |
||
77 | } |
||
78 | |||
79 | .drawing-board-control-inner { |
||
80 | position: relative; |
||
81 | height: 100%; |
||
82 | @include box-sizing(border-box); |
||
83 | } |
||
84 | |||
85 | .drawing-board-control > button { |
||
86 | @extend %btn; |
||
87 | margin: 0; |
||
88 | vertical-align: middle; |
||
89 | } |