-
-
Notifications
You must be signed in to change notification settings - Fork 30
/
index.min.css
1 lines (1 loc) · 3.09 KB
/
index.min.css
1
:root{--color-color-picker__controls:#000;--fill-color-picker__controls:0 0;--height-color-picker__controls:10em;--shadow-color-picker__dialog:1px 3px 6px rgba(0, 0, 0, .5);--size-color-picker__controls:12px;--stroke-color-picker__controls:#000;--width-color-picker__control--a:1.5em;--width-color-picker__control--h:1.5em;--width-color-picker__control--s\/v:10em}.color-picker__control--a,.color-picker__control--h,.color-picker__control--s\/v{-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;background-size:100% 100%;position:relative;user-select:none}.color-picker__control--a div,.color-picker__control--h div,.color-picker__control--s\/v div{bottom:0;left:0;position:absolute;right:0;top:0}.color-picker__control--a,.color-picker__control--h{border-left:1px solid;cursor:ns-resize;overflow:hidden}.color-picker__control--a{width:var(--width-color-picker__control--a)}.color-picker__control--a div{z-index:2}.color-picker__control--a div+div{background-image:linear-gradient(45deg,#ddd 25%,transparent 25%,transparent 75%,#ddd 75%,#ddd 100%),linear-gradient(45deg,#ddd 25%,#fff 25%,#fff 75%,#ddd 75%,#ddd 100%);background-position:0 0,.25em .25em;background-size:.5em .5em;z-index:1}.color-picker__control--h{width:var(--width-color-picker__control--a)}.color-picker__control--h div{background-image:linear-gradient(to top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.color-picker__control--s\/v{cursor:crosshair;overflow:hidden;width:var(--width-color-picker__control--s\/v)}.color-picker__control--s\/v div+div{background-image:linear-gradient(to right,#fff,rgba(255,255,255,0))}.color-picker__control--s\/v div+div+div{background-image:linear-gradient(to top,#000,rgba(0,0,0,0))}.color-picker__controls{background:var(--fill-color-picker__controls);border-radius:var(--arc-color-picker__controls);border:1px solid;border-color:var(--stroke-color-picker__controls);color:var(--color-color-picker__controls);display:flex;height:var(--height-color-picker__controls);overflow:hidden}.color-picker__dialog{box-shadow:var(--shadow-color-picker__dialog);left:0;position:absolute;top:0;z-index:9999}.color-picker__dialog,.color-picker__dialog *,.color-picker__dialog ::after,.color-picker__dialog ::before,.color-picker__dialog::after,.color-picker__dialog::before{box-sizing:border-box;font:inherit}.color-picker__cursor{border-color:inherit;color:inherit;font:inherit;font-size:var(--size-color-picker__controls)}.color-picker__cursor--a,.color-picker__cursor--h{display:block;height:.5em;left:0;position:absolute;right:0;top:-.25em;z-index:2}.color-picker__cursor--a::before,.color-picker__cursor--h::before{border:.25em solid;border-bottom-color:transparent;border-top-color:transparent;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.color-picker__cursor--s\/v{display:block;height:.75em;position:absolute;right:-.375em;top:-.375em;width:.75em;z-index:2}.color-picker__cursor--s\/v::before{border-radius:100%;border:1px solid #fff;bottom:0;box-shadow:0 0 2px #000;content:"";display:block;left:0;position:absolute;right:0;top:0}