/* codemirror colorview */

.ace-colorview {
    position: absolute;
	border : 1px solid #cecece;
	display : inline-block;
	box-sizing : border-box; 
	width : 10px;
	height : 10px;
    cursor: pointer;
    vertical-align: middle;
    transform: translateY(-50%);
    pointer-events: all;
    @include transparent-background();
    padding: 10px 10px; 
    z-index: -100;

    .ace-colorview-background {
        content: "";
        position: absolute;
        left:0px;
        right:0px;
        bottom:0px;
        top:0px;
    }

    &:hover {
        border-color: #494949;
    }
}