text: .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;
  }