scratch
| /bower_components/drawingboard.js/scss/controls/_colors.scss |
|---|
| @@ -0,0 +1,55 @@ |
| .drawing-board-control-colors { |
| font-size: 0; |
| line-height: 0; |
| } |
| .drawing-board-control-colors-current { |
| border: 1px solid #ccc; |
| cursor: pointer; |
| display: inline-block; |
| width: $controls-height - 2px; |
| height: $controls-height - 2px; |
| } |
| .drawing-board-control-colors-rainbows { |
| display: inline-block; |
| margin-left: 5px; |
| position: absolute; |
| left: 0; |
| top: $controls-dropdown-top; |
| @extend %box; |
| margin-left: 0; |
| z-index: 100; |
| width: 250px; |
| height: auto; |
| padding: 4px; |
| } |
| .drawing-board-control-colors-rainbow { |
| height: 18px; |
| } |
| .drawing-board-control-colors-picker:first-child { |
| margin-right: 5px; |
| } |
| .drawing-board-control-colors-picker { |
| display: inline-block; |
| width: 18px; |
| height: 18px; |
| cursor: pointer; |
| } |
| .drawing-board-control-colors-picker[data-color="rgba(255, 255, 255, 1)"] { |
| width: 16px; |
| height: 17px; |
| border: 1px solid #ccc; |
| border-bottom: none; |
| } |
| .drawing-board-control-colors-picker:hover { |
| width: 16px; |
| height: 16px; |
| border: 1px solid #555; |
| } |