| /**
 * Creates base structure for Ext.picker.Color
 * @member Ext.picker.Color
 */
@mixin extjs-colorpicker {
    .#{$prefix}color-picker {
        width: 144px;
        height: 90px;
        cursor: pointer;
    }
    .#{$prefix}color-picker a {
        border: 1px solid #fff;
        float: left;
        padding: 2px;
        text-decoration: none;
        -moz-outline: 0 none;
        outline: 0 none;
        cursor: pointer;
    }
    .#{$prefix}color-picker a:hover,
    .#{$prefix}color-picker a.#{$prefix}color-picker-selected {
        border-color: $colorpicker-over-border-color;
        background-color: $colorpicker-over-background-color;
    }
    .#{$prefix}color-picker em {
        display: block;
        border: 1px solid $colorpicker-item-border-color;
    }
    .#{$prefix}color-picker em span {
        cursor: pointer;
        display: block;
        height: 10px;
        width: 10px;
        line-height: 10px;
    }
}
 |