add extjs 6.0.1 sources

[extjs.git] / extjs / classic / theme-neutral / sass / src / picker / Color.scss

.#{$prefix}color-picker {\r
    width: ($colorpicker-item-width * $colorpicker-columns) + horizontal($colorpicker-border-width);\r
    height: ($colorpicker-item-height * $colorpicker-rows) + vertical($colorpicker-border-width);\r
    background-color: $colorpicker-background-color;\r
    border-color: $colorpicker-border-color;\r
    border-width: $colorpicker-border-width;\r
    border-style: $colorpicker-border-style;\r
}\r
\r
.#{$prefix}color-picker-item {\r
    width: $colorpicker-item-width;\r
    height: $colorpicker-item-height;\r
    border-width: $colorpicker-item-border-width; \r
    border-color: $colorpicker-item-border-color;\r
    border-style: $colorpicker-item-border-style;\r
    background-color: $colorpicker-item-background-color;\r
    cursor: $colorpicker-item-cursor;\r
    padding: $colorpicker-item-padding;\r
}\r
\r
// include the element name since :hover causes performance issues in IE7 and 8 otherwise\r
a.#{$prefix}color-picker-item:hover {\r
    border-color: $colorpicker-item-border-color-over;\r
    background-color: $colorpicker-item-background-color-over;\r
}\r
\r
.#{$prefix}color-picker-selected {\r
    border-color: $colorpicker-item-border-color-selected;\r
    background-color: $colorpicker-item-background-color-selected;\r
}\r
\r
.#{$prefix}color-picker-item-inner {\r
    line-height: $colorpicker-item-height - vertical($colorpicker-item-padding) - vertical($colorpicker-item-border-width) - vertical($colorpicker-item-inner-border-width);\r
    border-color: $colorpicker-item-inner-border-color;\r
    border-width: $colorpicker-item-inner-border-width;\r
    border-style: $colorpicker-item-inner-border-style;\r
}