UNPKG

strong-arc

Version:

A visual suite for the StrongLoop API Platform

1 lines 2.99 kB
{"version":3,"sources":["spectrum.css"],"names":[],"mappings":"AAAA,wCAAwC;AACxC;IACI,aAAa;IACb,cAAc;IACd,0BAA0B;CAC7B;;AAED;IACI,mBAAmB;IACnB,SAAS;IACT,UAAU;IACV,aAAa;IACb,cAAc;IACd,wBAAwB;CAC3B;;AAED;IACI,0BAA0B;IAC1B,sBAAsB;IACtB,kBAAkB;CACrB;;AAED;IACI,mBAAmB;IACnB,SAAS;IACT,WAAW;IACX,YAAY;IACZ,cAAc;IACd,iCAAiC;CACpC;;AAED;IACI,mBAAmB;IACnB,aAAa;IACb,UAAU;IACV,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,0BAAoB;QAApB,uBAAoB;YAApB,oBAAoB;CACvB;;AAED;IACI,mBAAmB;IACnB,YAAY;IACZ,UAAU;IACV,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,0BAAoB;QAApB,uBAAoB;YAApB,oBAAoB;CACvB;;AAED;IACI,gBAAgB;IAChB,uBAAuB;CAC1B;;AAED;IACI,sBAAsB;IACtB,mBAAmB;CACtB;;AAED;;IAEI,0BAA0B;CAC7B;;AAED;IACI,+EAA2E;IAA3E,2EAA2E;CAC9E;;AAED;IACI,iFAAyE;IAAzE,yEAAyE;CAC5E;;AAED;IACI,uIAA+H;IAA/H,+HAA+H;CAClI;;AAED;IACI,mBAAmB;IACnB,YAAY;IACZ,WAAW;IACX,wBAAwB;IACxB,gBAAgB;IAChB,mBAAmB;IACnB,OAAO;IACP,QAAQ;IACR,kBAAkB;CACrB;;AAED;IACI,mBAAmB;IACnB,OAAO;IACP,gBAAgB;IAChB,wBAAwB;IACxB,YAAY;IACZ,WAAW;IACX,YAAY;CACf;;AAED;IACI,YAAY;IACZ,YAAY;IACZ,UAAU;CACb","file":"spectrum.css","sourcesContent":["/* https://github.com/bgrins/spectrum */\n.spectrum-container {\n width: 205px;\n height: 220px;\n -webkit-user-select: none;\n}\n\n.spectrum-color {\n position: absolute;\n top: 5px;\n left: 5px;\n width: 158px;\n height: 158px;\n outline: 1px solid #bbb;\n}\n\n.spectrum-display-value {\n -webkit-user-select: text;\n display: inline-block;\n padding-left: 2px;\n}\n\n.spectrum-hue {\n position: absolute;\n top: 5px;\n right: 5px;\n width: 28px;\n height: 158px;\n -webkit-box-reflect: right -28px;\n}\n\n.spectrum-range-container {\n position: absolute;\n bottom: 28px;\n left: 5px;\n display: flex;\n align-items: center;\n}\n\n.spectrum-text {\n position: absolute;\n bottom: 5px;\n left: 5px;\n display: flex;\n align-items: center;\n}\n\n.spectrum-range-container * {\n font-size: 11px;\n vertical-align: middle;\n}\n\n.spectrum-range-container label {\n display: inline-block;\n padding-right: 4px;\n}\n\n.spectrum-dragger,\n.spectrum-slider {\n -webkit-user-select: none;\n}\n\n.spectrum-sat {\n background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));\n}\n\n.spectrum-val {\n background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));\n}\n\n.spectrum-hue {\n background: linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n}\n\n.spectrum-dragger {\n border-radius: 5px;\n height: 5px;\n width: 5px;\n border: 1px solid white;\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n background: black;\n}\n\n.spectrum-slider {\n position: absolute;\n top: 0;\n cursor: pointer;\n border: 1px solid black;\n height: 4px;\n left: -1px;\n right: -1px;\n}\n\n.spectrum-container .swatch {\n width: 20px;\n height:20px;\n margin: 0;\n}\n"],"sourceRoot":"/source/"}