
// @require core/colors/variables.scss
// @require decorators/border_radius/variables.scss

/* WRAPPER */

$colorpicker-wrp-border-width: 1px !default;
$colorpicker-wrp-border-style: solid !default;
$colorpicker-wrp-border-color: $color-black !default;

/* WRAPPER SB */

$colorpicker-sb-wrp-size: 11em !default;

/* WRAPPER HUE */

$colorpicker-hue-wrp-width: 1.5em !default;
$colorpicker-hue-wrp-height: $colorpicker-sb-wrp-size !default;

/* HANDLER */

$colorpicker-handler-z-depth: 2 !default;

$colorpicker-handler-shadow: 0 0 0 1px rgba( 0, 0, 0, .2 ) !default;

$colorpicker-handler-border-width: 2px !default;
$colorpicker-handler-border-style: solid !default;
$colorpicker-handler-border-color: $color-white !default;

$colorpicker-handler-bg-color: $colorpicker-handler-border-color !default;

/* HANDLER SB */

$colorpicker-handler-sb-width: 1em !default;
$colorpicker-handler-sb-height: $colorpicker-handler-sb-width !default;

$colorpicker-handler-sb-border-radius: $circular-border-radius !default;

/* HANDLER HUE */

$colorpicker-handler-hue-width: 100% !default;
$colorpicker-handler-hue-height: .5em !default;

$colorpicker-handler-hue-border-radius: .125em !default;
