devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
26 lines (22 loc) • 1.09 kB
text/less
/**
* 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;
}
}