devextreme/less/sources/widgets/base/colorView.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/base/colorView.less)
* Version: 20.1.7
* Build date: Tue Aug 25 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/

.dx-base-colorview-styles(@handle-color, @handle-border-color) {
    .dx-colorview-palette-handle {
        background: radial-gradient(transparent 5px, @handle-border-color 6px, @handle-color 7px, @handle-color 12px, @handle-border-color 13px);
        box-shadow: 0 1px 1px 0 @handle-border-color;
    }

    .dx-colorview-hue-scale-handle {
        border: 1px solid @handle-border-color;
        box-shadow: inset -5px 0 0 3px @handle-color, inset 5px 0 0 3px @handle-color, inset -6px 0 1px 4px @handle-border-color, inset 6px 0 1px 4px @handle-border-color;
    }

    .dx-colorview-alpha-channel-handle {
        border: 1px solid @handle-border-color;
        box-shadow: inset 0 -5px 0 3px @handle-color, inset 0 5px 0 3px @handle-color, inset 0 -6px 1px 4px @handle-border-color, inset 0 6px 1px 4px @handle-border-color;
    }
}