scratch – Blame information for rev 84

Subversion Repositories:
Rev:
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 }