rc-color-picker
Version:
color-picker ui component for react
1 lines • 82.4 kB
Source Map (JSON)
{"version":3,"sources":["webpack:///./assets/index/Layout.less","webpack:///index.less","webpack:///./assets/index/Trigger.less","webpack:///./assets/index/Panel.less","webpack:///./assets/index/Preview.less","webpack:///./assets/index/Board.less","webpack:///./~/_lesshat@3.0.2@lesshat/build/lesshat.less","webpack:///./assets/index/Ribbon.less","webpack:///./assets/index/Alpha.less","webpack:///./assets/index/Params.less","webpack:///./assets/index.less"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;CCDD;ADID;EACE;EACA;EACA;EACA;CCFD;ADGC;EACE;EACA;CCDH;ADGC;EACE;EACA;EACA;EACA;EACA;CCDH;ADGC;EACE;EACA;EACA;EACA;EACA;CCDH;ADID;EAEI;CCHH;AChCD;EACE;EACA;EACA;EACA;EACA;KAAA;MAAA;UAAA;EACA;EACA;EACA;EACA;CDkCD;ACjCC;EACE;CDmCH;AE/CD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CFiDD;AE5DD;EAcI;CFiDH;AE/CC;EACE;CFiDH;AE/CC;EACE;CFiDH;AGrED;EACE;EACA;EACA;EACA;EACA;CHuED;AG5ED;EAOI;CHwEH;AG/ED;;EAWI;EACA;EACA;EACA;EACA;CHwEH;AGvFD;EAkBI;CHwEH;AIxFD;EACE;EACA;EACA;KAAA;MAAA;UAAA;EACA;CJ0FD;AI9FD;EAMI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CJ2FH;AIzFC;EACE;EACA;EACA;EACA;EACA;CJ2FH;AIzFC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ECmMF;EACA;EACA;EACA;EACA;CLvGD;AI7FC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ECyLF;EACA;EACA;EACA;EACA;CLzFD;AIjGC;EACE;EACA;EACA;EACA;KAAA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;CJmGH;AMzJD;EACE;EACA;EACA;EACA;ED8NA;EACA;EACA;EACA;EACA;CLlED;AMpKD;EAOI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CNgKH;AM9JC;EACE;EACA;EACA;EACA;EACA;CNgKH;AOxLD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;MAAA;UAAA;CP0LD;AOzLC;EACE;EACA;EACA;EACA;EACA;CP2LH;AOxMD;EAgBI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CP2LH;AOzLC;EACE;EACA;EACA;EACA;EACA;CP2LH;AQ1ND;EACE;CR4ND;AQ3NC;EACE;EACA;CR6NH;AQjOD;EAOI;KAAA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CR6NH;AQ3NC;EACE;CR6NH;AQ9OD;EAoBI;EACA;CR6NH;AQ5NG;EACI;CR8NP;AQ1NC;EACE;EACA;EACA;EACA;KAAA;MAAA;UAAA;CR4NH;AQhOC;EAKQ;EAAY;CR+NrB;AQ9NG;EACE;CRgOL;AQ9NG;;EACE;EACA;EACA;CRiOL;AQ/NG;EACE;EACA;EACA;EACA;CRiOL;AQ3ND;EAEI;CR4NH;AQzNG;;EACE;CR4NL;AS1QD;EAKE;EACA;EACA;EACA;CTwQD;AS/QC;EACE;CTiRH;ASnQC;EANE;EACA;EACA;EACA;EAKA;EACA;EACA;CTwQH;ASrQC;EAbE;EACA;EACA;EACA;EAYA;EACA;EACA;CT0QH;ASvQC;EApBE;EACA;EACA;EACA;EAmBA;EACA;EACA;CT4QH;ASzQC;;;;EAIE;EACA;CT2QH;ASxQC;;;;EAIE;EACA;CT0QH;ASvQC;;EAEE;EACA;CTyQH;AStQC;;EAEE;EACA;CTwQH;ASrQC;EACE;IACE;IACA;IACA;GTuQH;ESrQC;IACE;IACA;IACA;GTuQH;CACF;ASpQC;EACE;IACE;IACA;IACA;GTsQH;ESpQC;IACE;IACA;IACA;GTsQH;CACF;ASnQC;EACE;IACE;IACA;IACA;GTqQH;ESnQC;IACE;IACA;IACA;GTqQH;CACF;ASnQC;EACE;IACE;IACA;IACA;GTqQH;ESnQC;IACE;IACA;IACA;GTqQH;CACF","file":"rc-color-picker.css","sourcesContent":["@prefixClassName: ~'@{prefixClass}-panel';\n\n.@{prefixClassName}-inner {\n position: relative;\n border-radius: 4px;\n box-shadow: 0 1px 5px #ccc;\n border: 1px solid #ccc;\n padding-bottom: 8px;\n}\n\n.@{prefixClassName}-wrap{\n margin: 5px 0 0;\n height: 30px;\n width: 100%;\n position: relative;\n &-preview{\n position: absolute;\n right: 8px;\n }\n &-ribbon{\n position: absolute;\n left: 8px;\n top: 0;\n right: 43px;\n height: 30px;\n }\n &-alpha{\n position: absolute;\n left: 8px;\n right: 43px;\n bottom: 0;\n height: (30px - 5px) / 2;\n }\n}\n.@{prefixClassName}-wrap-has-alpha {\n .@{prefixClassName}-wrap-ribbon {\n height: (30px - 5px) / 2;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./assets/index/Layout.less",".rc-color-picker-panel-inner {\n position: relative;\n border-radius: 4px;\n box-shadow: 0 1px 5px #ccc;\n border: 1px solid #ccc;\n padding-bottom: 8px;\n}\n.rc-color-picker-panel-wrap {\n margin: 5px 0 0;\n height: 30px;\n width: 100%;\n position: relative;\n}\n.rc-color-picker-panel-wrap-preview {\n position: absolute;\n right: 8px;\n}\n.rc-color-picker-panel-wrap-ribbon {\n position: absolute;\n left: 8px;\n top: 0;\n right: 43px;\n height: 30px;\n}\n.rc-color-picker-panel-wrap-alpha {\n position: absolute;\n left: 8px;\n right: 43px;\n bottom: 0;\n height: 12.5px;\n}\n.rc-color-picker-panel-wrap-has-alpha .rc-color-picker-panel-wrap-ribbon {\n height: 12.5px;\n}\n.rc-color-picker-trigger {\n border: 1px solid #999;\n display: inline-block;\n padding: 2px;\n border-radius: 2px;\n user-select: none;\n width: 20px;\n height: 20px;\n cursor: pointer;\n box-shadow: 0 0 0 2px #fff inset;\n}\n.rc-color-picker-trigger-open {\n box-shadow: 0px 0px 3px #999;\n}\n.rc-color-picker-panel {\n width: 218px;\n background-color: #fff;\n box-sizing: border-box;\n outline: none;\n z-index: 9;\n border-radius: 4px;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.rc-color-picker-panel * {\n box-sizing: border-box;\n}\n.rc-color-picker-panel-open {\n display: block;\n}\n.rc-color-picker-panel-close {\n display: none;\n}\n.rc-color-picker-panel-preview {\n height: 30px;\n width: 30px;\n overflow: hidden;\n border-radius: 2px;\n background-image: url('data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==');\n}\n.rc-color-picker-panel-preview span {\n box-shadow: 0 0 2px #808080 inset;\n}\n.rc-color-picker-panel-preview span,\n.rc-color-picker-panel-preview input[type=color] {\n position: absolute;\n display: block;\n height: 100%;\n width: 30px;\n border-radius: 2px;\n}\n.rc-color-picker-panel-preview input[type=color] {\n opacity: 0;\n}\n.rc-color-picker-panel-board {\n position: relative;\n font-size: 0;\n user-select: none;\n margin: 8px 8px 0px;\n}\n.rc-color-picker-panel-board span {\n position: absolute;\n border-radius: 10px;\n border: 1px solid #fff;\n width: 9px;\n height: 9px;\n margin: -4px 0 0 -4px;\n left: -999px;\n top: -999px;\n box-shadow: 0 0 1px rgba(120, 120, 120, 0.7);\n z-index: 2;\n}\n.rc-color-picker-panel-board-hsv {\n width: 200px;\n height: 150px;\n position: relative;\n z-index: 1;\n border-radius: 2px;\n}\n.rc-color-picker-panel-board-value {\n border-radius: 2px;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 2;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);\n background-image: -webkit-linear-gradient(top, transparent 0%, #000000 100%);\n background-image: -moz-linear-gradient(top, transparent 0%, #000000 100%);\n background-image: -o-linear-gradient(top, transparent 0%, #000000 100%);\n background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);\n}\n.rc-color-picker-panel-board-saturation {\n border-radius: 2px;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 1;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);\n background-image: -webkit-linear-gradient(left, #ffffff 0%, transparent 100%);\n background-image: -moz-linear-gradient(left, #ffffff 0%, transparent 100%);\n background-image: -o-linear-gradient(left, #ffffff 0%, transparent 100%);\n background-image: linear-gradient(to right, #ffffff 0%, transparent 100%);\n}\n.rc-color-picker-panel-board-handler {\n box-shadow: 0 0 2px #808080 inset;\n border-radius: 2px;\n cursor: crosshair;\n user-select: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 3;\n}\n.rc-color-picker-panel-ribbon {\n position: relative;\n height: 100%;\n border-radius: 2px;\n box-shadow: 0 0 2px #808080 inset;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmY5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2NkZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDBmZjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzIwMGZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZjAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);\n background-image: -webkit-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n background-image: -moz-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n background-image: -o-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n background-image: linear-gradient(to right, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n}\n.rc-color-picker-panel-ribbon span {\n position: absolute;\n top: 0;\n height: 100%;\n width: 4px;\n border: 1px solid #000000;\n padding: 1px 0;\n margin-left: -2px;\n background-color: #fff;\n border-radius: 3px;\n}\n.rc-color-picker-panel-ribbon-handler {\n position: absolute;\n width: 104%;\n height: 100%;\n left: -2%;\n cursor: pointer;\n}\n.rc-color-picker-panel-alpha {\n position: relative;\n height: 100%;\n width: 100%;\n border-radius: 2px;\n background-image: url('data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==');\n background-repeat: repeat;\n user-select: none;\n}\n.rc-color-picker-panel-alpha-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 2px;\n box-shadow: 0 0 2px #808080 inset;\n}\n.rc-color-picker-panel-alpha span {\n position: absolute;\n top: 0;\n height: 100%;\n width: 4px;\n border: 1px solid #000000;\n padding: 1px 0;\n margin-left: -2px;\n background-color: #fff;\n border-radius: 3px;\n}\n.rc-color-picker-panel-alpha-handler {\n position: absolute;\n width: 104%;\n height: 100%;\n left: -2%;\n cursor: pointer;\n}\n.rc-color-picker-panel-params {\n font-size: 12px;\n}\n.rc-color-picker-panel-params-input {\n overflow: hidden;\n padding: 2px 8px;\n}\n.rc-color-picker-panel-params input {\n user-select: text;\n text-align: center;\n padding: 1px;\n margin: 0;\n float: left;\n border-radius: 2px;\n border: 1px solid #CACACA;\n font-family: 'Helvetica Neue', Helvetica, sans-serif;\n}\n.rc-color-picker-panel-params-hex {\n width: 52px;\n}\n.rc-color-picker-panel-params input[type=number] {\n margin-left: 5px;\n width: 44px;\n}\n.rc-color-picker-panel-params input[type=number]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n}\n.rc-color-picker-panel-params-lable {\n padding: 2px 8px;\n height: 22px;\n line-height: 18px;\n user-select: none;\n}\n.rc-color-picker-panel-params-lable label {\n float: left;\n text-align: center;\n}\n.rc-color-picker-panel-params-lable-hex {\n width: 52px;\n}\n.rc-color-picker-panel-params-lable-number,\n.rc-color-picker-panel-params-lable-alpha {\n margin-left: 5px;\n width: 44px;\n text-transform: uppercase;\n}\n.rc-color-picker-panel-params-lable-number:hover {\n border-radius: 2px;\n background-color: #eee;\n box-shadow: 0 0 0 1px #ccc inset;\n cursor: pointer;\n}\n.rc-color-picker-panel-params-has-alpha input[type=number] {\n width: 32px;\n}\n.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-number,\n.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-alpha {\n width: 32px;\n}\n.rc-color-picker {\n position: absolute;\n left: -9999px;\n top: -9999px;\n z-index: 1000;\n}\n.rc-color-picker-wrap {\n display: inline-block;\n}\n.rc-color-picker-slide-up-enter {\n animation-duration: .3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-play-state: paused;\n}\n.rc-color-picker-slide-up-appear {\n animation-duration: .3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-play-state: paused;\n}\n.rc-color-picker-slide-up-leave {\n animation-duration: .3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n display: block !important;\n opacity: 1;\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n animation-play-state: paused;\n}\n.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomLeft,\n.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomRight,\n.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomLeft,\n.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomRight {\n animation-name: rcColorPickerSlideUpIn;\n animation-play-state: running;\n}\n.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topLeft,\n.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topRight,\n.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topLeft,\n.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topRight {\n animation-name: rcColorPickerSlideDownIn;\n animation-play-state: running;\n}\n.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomLeft,\n.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomRight {\n animation-name: rcColorPickerSlideUpOut;\n animation-play-state: running;\n}\n.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topLeft,\n.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topRight {\n animation-name: rcColorPickerSlideDownOut;\n animation-play-state: running;\n}\n@keyframes rcColorPickerSlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n}\n@keyframes rcColorPickerSlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0);\n }\n}\n@keyframes rcColorPickerSlideDownIn {\n 0% {\n opacity: 0;\n transform-origin: 100% 100%;\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n transform-origin: 100% 100%;\n transform: scaleY(1);\n }\n}\n@keyframes rcColorPickerSlideDownOut {\n 0% {\n opacity: 1;\n transform-origin: 100% 100%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 100% 100%;\n transform: scaleY(0);\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// index.less","\n.@{prefixClass}-trigger {\n border: 1px solid #999;\n display: inline-block;\n padding: 2px;\n border-radius: 2px;\n user-select: none;\n width: 20px;\n height: 20px;\n cursor: pointer;\n box-shadow: 0 0 0 2px #fff inset;\n &-open{\n box-shadow: 0px 0px 3px #999;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./assets/index/Trigger.less",".@{prefixClass}-panel {\n width: 200px + 18px;\n background-color: #fff;\n box-sizing: border-box;\n outline: none;\n z-index: 9;\n border-radius: 4px;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n * {\n box-sizing: border-box;\n }\n &-open{\n display: block;\n }\n &-close{\n display: none;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./assets/index/Panel.less",".@{prefixClass}-panel-preview {\n height: 30px;\n width: 30px;\n overflow: hidden;\n border-radius: 2px;\n background-image: url('data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==');\n span {\n box-shadow: 0 0 2px #808080 inset;\n }\n span,\n input[type=color] {\n position: absolute;\n display: block;\n height: 100%;\n width: 30px;\n border-radius: 2px;\n }\n input[type=color] {\n opacity: 0;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./assets/index/Preview.less","@import '../../node_modules/lesshat/build/lesshat.less';\n\n.@{prefixClass}-panel-board {\n position: relative;\n font-size: 0;\n user-select: none;\n margin: 8px 8px 0px;\n span {\n position: absolute;\n border-radius: 10px;\n border: 1px solid #fff;\n width: 9px;\n height: 9px;\n margin: -4px 0 0 -4px;\n left: -999px;\n top: -999px;\n box-shadow: 0 0 1px rgba(120,120,120,.7);\n z-index: 2;\n }\n &-hsv{\n width: 200px;\n height: 150px;\n position: relative;\n z-index: 1;\n border-radius: 2px;\n }\n &-value{\n border-radius: 2px;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 2;\n .background-image(linear-gradient(to bottom, transparent 0%, #000000 100%));\n }\n &-saturation{\n border-radius: 2px;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 1;\n .background-image(linear-gradient(to right, #ffffff 0%, transparent 100%));\n }\n &-handler {\n box-shadow: 0 0 2px #808080 inset;\n border-radius: 2px;\n cursor: crosshair;\n user-select: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 3\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./assets/index/Board.less","// * =========================================================== *\n// < LESSHat >\n// * =========================================================== *\n//\n// Made with Energy drinks in Prague, Czech Republic.\n// Handcrafted by Petr Brzek, lesshat.com\n// Works great with CSS Hat csshat.com\n\n// version: v3.0.2 (2014-06-17)\n\n// TABLE OF MIXINS:\n\t// align-content\n\t// align-items\n\t// align-self\n\t// animation\n\t// animation-delay\n\t// animation-direction\n\t// animation-duration\n\t// animation-fill-mode\n\t// animation-iteration-count\n\t// animation-name\n\t// animation-play-state\n\t// animation-timing-function\n\t// appearance\n\t// backface-visibility\n\t// background-clip\n\t// background-image\n\t// background-origin\n\t// background-size\n\t// blur\n\t// border-bottom-left-radius\n\t// border-bottom-right-radius\n\t// border-image\n\t// border-radius\n\t// border-top-left-radius\n\t// border-top-right-radius\n\t// box-shadow\n\t// box-sizing\n\t// brightness\n\t// calc\n\t// column-count\n\t// column-gap\n\t// column-rule\n\t// column-width\n\t// columns\n\t// contrast\n\t// display\n\t// drop-shadow\n\t// filter\n\t// flex\n\t// flex-basis\n\t// flex-direction\n\t// flex-grow\n\t// flex-shrink\n\t// flex-wrap\n\t// font-face\n\t// grayscale\n\t// hue-rotate\n\t// hyphens\n\t// invert\n\t// justify-content\n\t// keyframes\n\t// opacity\n\t// order\n\t// perspective\n\t// perspective-origin\n\t// placeholder\n\t// rotate\n\t// rotate3d\n\t// rotateX\n\t// rotateY\n\t// rotateZ\n\t// saturate\n\t// scale\n\t// scale3d\n\t// scaleX\n\t// scaleY\n\t// scaleZ\n\t// selection\n\t// sepia\n\t// size\n\t// skew\n\t// skewX\n\t// skewY\n\t// transform\n\t// transform-origin\n\t// transform-style\n\t// transition\n\t// transition-delay\n\t// transition-duration\n\t// transition-property\n\t// transition-timing-function\n\t// translate\n\t// translate3d\n\t// translateX\n\t// translateY\n\t// translateZ\n\t// user-select\n\n.align-content(...) {\n @process: ~`(function(r){return r=r||\"stretch\"})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_ms: ~`(function(t){return t=t||\"stretch\",\"flex-start\"==t?t=\"start\":\"flex-end\"==t?t=\"end\":\"space-between\"==t?t=\"justify\":\"space-around\"==t&&(t=\"distribute\"),t})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-align-content: @process;\n -ms-flex-line-pack: @process_ms;\n align-content: @process;\n}\n\n.align-items(...) {\n @process_olderwebkit: ~`(function(t){return t=t||\"stretch\",\"flex-start\"==t?t=\"start\":\"flex-end\"==t&&(t=\"end\"),t})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_moz: ~`(function(t){return t=t||\"stretch\",\"flex-start\"==t?t=\"start\":\"flex-end\"==t&&(t=\"end\"),t})((function(){var t=\"@{arguments}\";return t=t.replace(/^\\[|\\]$/g,\"\")})())`;\n @process: ~`(function(t){return t=t||\"stretch\"})((function(){var t=\"@{arguments}\";return t=t.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_ms: ~`(function(t){return t=t||\"stretch\",\"flex-start\"==t?t=\"start\":\"flex-end\"==t&&(t=\"end\"),t})((function(){var t=\"@{arguments}\";return t=t.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-box-align: @process_olderwebkit;\n -moz-box-align: @process_moz;\n -webkit-align-items: @process;\n -ms-flex-align: @process_ms;\n align-items: @process;\n}\n\n.align-self(...) {\n @process: ~`(function(t){return t=t||\"auto\"})((function(){var t=\"@{arguments}\";return t=t.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_ms: ~`(function(t){return t=t||\"auto\",\"flex-start\"==t?t=\"start\":\"flex-end\"==t&&(t=\"end\"),t})((function(){var t=\"@{arguments}\";return t=t.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-align-self: @process;\n -ms-flex-item-align: @process_ms;\n align-self: @process;\n}\n\n.animation(...) {\n @process: ~`(function(t){return t=t||\"none\",/^[^, ]*,/.test(t)&&(t=t.replace(/(?:,)(?![^(]*\\))/g,\"\")),t})((function(){var t=\"@{arguments}\";return t=t.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-animation: @process;\n -moz-animation: @process;\n -o-animation: @process;\n animation: @process;\n}\n\n.animation-delay(...) {\n @process: ~`(function(t){t=t||\"0\";var r=/(?:\\d)(?:ms|s)/gi,e=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return r.test(t)||\"0\"===t||(t=t.replace(e,function(t){return t+=parseFloat(t,10)>10?\"ms\":\"s\"})),t})((function(){var t=\"@{arguments}\";return t=t.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-animation-delay: @process;\n -moz-animation-delay: @process;\n -o-animation-delay: @process;\n animation-delay: @process;\n}\n\n.animation-direction(...) {\n @process: ~`(function(r){return r||\"normal\"})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-animation-direction: @process;\n -moz-animation-direction: @process;\n -o-animation-direction: @process;\n animation-direction: @process;\n}\n\n.animation-duration(...) {\n @process: ~`(function(r){r=r||\"0\";var t=/ms|s/gi,e=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return t.test(r)||\"0\"===r||(r=r.replace(e,function(r){return r+=parseFloat(r,10)>10?\"ms\":\"s\"})),r})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-animation-duration: @process;\n -moz-animation-duration: @process;\n -o-animation-duration: @process;\n animation-duration: @process;\n}\n\n.animation-fill-mode(...) {\n @process: ~`(function(r){return r||\"none\"})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-animation-fill-mode: @process;\n -moz-animation-fill-mode: @process;\n -o-animation-fill-mode: @process;\n animation-fill-mode: @process;\n}\n\n.animation-iteration-count(...) {\n @process: ~`(function(r){return r||\"0\"})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-animation-iteration-count: @process;\n -moz-animation-iteration-count: @process;\n -o-animation-iteration-count: @process;\n animation-iteration-count: @process;\n}\n\n.animation-name(...) {\n @process: ~`(function(r){return r||\"none\"})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-animation-name: @process;\n -moz-animation-name: @process;\n -o-animation-name: @process;\n animation-name: @process;\n}\n\n.animation-play-state(...) {\n @process: ~`(function(r){return r||\"running\"})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-animation-play-state: @process;\n -moz-animation-play-state: @process;\n -o-animation-play-state: @process;\n animation-play-state: @process;\n}\n\n.animation-timing-function(...) {\n @process: ~`(function(r){return r||\"ease\"})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-animation-timing-function: @process;\n -moz-animation-timing-function: @process;\n -o-animation-timing-function: @process;\n animation-timing-function: @process;\n}\n\n.appearance(...) {\n @process: ~`(function(r){return r||\"none\"})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-appearance: @process;\n -moz-appearance: @process;\n appearance: @process;\n}\n\n.backface-visibility(...) {\n @process: ~`(function(r){return r||\"visible\"})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-backface-visibility: @process;\n -moz-backface-visibility: @process;\n -o-backface-visibility: @process;\n -ms-backface-visibility: @process;\n backface-visibility: @process;\n}\n\n.background-clip(...) {\n @process: ~`(function(r){return r||\"border-box\"})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-background-clip: @process;\n -moz-background-clip: @process;\n background-clip: @process;\n}\n\n.background-image(...) {\n @process_ms: ~`(function(t){function e(t){var e,r,n,a,s,i,u,o,g=\"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\",c=0,l=0,f=\"\",d=[];if(!t)return t;do e=t.charCodeAt(c++),r=t.charCodeAt(c++),n=t.charCodeAt(c++),o=e<<16|r<<8|n,a=63&o>>18,s=63&o>>12,i=63&o>>6,u=63&o,d[l++]=g.charAt(a)+g.charAt(s)+g.charAt(i)+g.charAt(u);while(c<t.length);f=d.join(\"\");var p=t.length%3;return(p?f.slice(0,p-3):f)+\"===\".slice(p||3)}if(t=t||8121991,8121991==t)return t;var r=/linear|radial/g.test(t)&&t.split(/,(?=\\s*(?:linear|radial|url))/g),n=[],a={\"to bottom\":'x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\"',\"to left\":'x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"0%\"',\"to top\":'x1=\"0%\" y1=\"100%\" x2=\"0%\" y2=\"0%\"',\"to right\":'x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"',get\"top\"(){return this[\"to bottom\"]},get\"180deg\"(){return this[\"to bottom\"]},get\"right\"(){return this[\"to left\"]},get\"270deg\"(){return this[\"to left\"]},get\"bottom\"(){return this[\"to top\"]},get\"90deg\"(){return this[\"to right\"]},get\"0deg\"(){return this[\"to top\"]},get\"left\"(){return this[\"to right\"]},\"-45deg\":'x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"',\"45deg\":'x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\"',\"ellipse at center\":'cx=\"50%\" cy=\"50%\" r=\"75%\"',get\"135deg\"(){return this[\"-45deg\"]}},s={uri_data:\"url(data:image/svg+xml;base64,\",xml:'<?xml version=\"1.0\" ?>',svg_start:'<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 1 1\" preserveAspectRatio=\"none\">',linear_gradient_start:'<linearGradient id=\"lesshat-generated\" gradientUnits=\"userSpaceOnUse\"',radial_gradient_start:'<radialGradient id=\"lesshat-generated\" gradientUnits=\"userSpaceOnUse\"',linear_gradient_end:\"</linearGradient>\",radial_gradient_end:\"</radialGradient>\",rect_linear:'<rect x=\"0\" y=\"0\" width=\"1\" height=\"1\" fill=\"url(#lesshat-generated)\" />',rect_radial:'<rect x=\"-50\" y=\"-50\" width=\"101\" height=\"101\" fill=\"url(#lesshat-generated)\" />',svg_end:\"</svg>\"};if(r.length){r.forEach(function(t){var e={};if(Object.keys(a).some(function(r){return t.indexOf(r)>=0?(e.svg_direction=a[r],!0):(e.svg_direction=!1,void 0)}),/linear/.test(t))e.svg_type=\"linear\";else if(/radial/.test(t))e.svg_type=\"radial\";else if(!/linear/.test(t)&&!/radial/.test(t))return e.url=t.trim(),e.svg_type=\"url\",e.svg_direction=!0,n.push(e),!1;var r=t.match(/rgb|#[a-zA-Z0-9]|hsl/g).length;e.svg_stops=[],t=t.replace(/transparent/g,\"rgba(0,0,0,0)\"),t.match(/#[a-zA-Z0-9]/g)&&t.match(/(#[a-zA-Z0-9]+)\\s*(\\d+%)?/g).forEach(function(t){t=t.split(\" \"),e.svg_stops.push('<stop offset=\"'+(t[1]||!1)+'\" stop-color=\"'+t[0]+'\" stop-opacity=\"1\"/>')}),t.match(/rgba?\\(\\d+,\\s*\\d+,\\s*\\d+(?:,\\s*(0|1|\\.\\d+|0\\.\\d+))?\\)/g)&&t.replace(/rgba?\\((\\d+,\\s*\\d+,\\s*\\d+)(?:,\\s*(0|1|\\.\\d+|0\\.\\d+))?\\)\\s*(\\d+%)?/g,function(t,r,n,a){e.svg_stops.push('<stop offset=\"'+(a||!1)+'\" stop-color=\"rgb('+r+')\" stop-opacity=\"'+(n||1)+'\"/>')}),t.match(/hsla?\\((\\d+,\\s*\\d+%,\\s*\\d+%),\\s*(0|1|\\.\\d+|0\\.\\d+)\\)/g)&&t.replace(/hsla?\\((\\d+,\\s*\\d+%,\\s*\\d+%),\\s*(0|1|\\.\\d+|0\\.\\d+)\\)\\s*(\\d+%)?/g,function(t,r,n,a){e.svg_stops.push('<stop offset=\"'+(a||!1)+'\" stop-color=\"hsl('+r+')\" stop-opacity=\"'+(n||1)+'\"/>')});var s=Math.floor(100/(r-1));e.svg_stops.forEach(function(t,r){/offset=\"false\"/.test(t)&&(e.svg_stops[r]=t.replace(/offset=\"false\"/,'offset=\"'+s*r+'%\"'))}),e.svg_stops.sort(function(t,e){return t=t.match(/offset=\"(\\d+)%\"/),e=e.match(/offset=\"(\\d+)%\"/),2==t.length&&2==e.length?t[1]-e[1]:void 0}),n.push(e)});var i=[],u=n.every(function(t){for(var e in t)if(0==t[e]||0==t[e].length)return!1;return!0});if(!u)return 8121991;n.forEach(function(t,e){(\"linear\"==t.svg_type||\"radial\"==t.svg_type)&&(i[e]=s.xml+s.svg_start),\"linear\"==t.svg_type?(i[e]+=s.linear_gradient_start+\" \"+t.svg_direction+\">\",t.svg_stops.forEach(function(t){i[e]+=t}),i[e]+=s.linear_gradient_end,i[e]+=s.rect_linear,i[e]+=s.svg_end):\"radial\"==t.svg_type?(i[e]+=s.radial_gradient_start+\" \"+t.svg_direction+\">\",t.svg_stops.forEach(function(t){i[e]+=t}),i[e]+=s.radial_gradient_end,i[e]+=s.rect_radial,i[e]+=s.svg_end):\"url\"==t.svg_type&&(i[e]=t.url)}),i.forEach(function(t,r){/<\\?xml version=\"1.0\" \\?>/g.test(t)&&(i[r]=s.uri_data+e(t)+\")\")}),t=i.join(\",\")}return t})((function(){var r=\"@{arguments}\";return r=r.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_webkit: ~`(function(t){if(t=t||8121991,8121991==t)return t;var e={\"to bottom\":\"top\",\"to left\":\"right\",\"to top\":\"bottom\",\"to right\":\"left\",\"ellipse at center\":\"center, ellipse cover\",\"circle closest-side\":\"center center, circle contain\",\"circle farthest-corner\":\"center center, circle cover\",\"circle farthest-side\":\"center center, circle cover\",\"ellipse closest-side\":\"center center, ellipse contain\",\"ellipse farthest-corner\":\"center center, ellipse cover\",\"ellipse farthest-side\":\"center center, ellipse cover\"},r=/(radial-gradient\\()([a-z- ]+)at\\s+(\\w+%?)\\s*(\\w*%?)/g,n=Object.keys(e);return n.some(function(n){return t.indexOf(n)>=0?(t=t.replace(new RegExp(n+\"(?![ a-z0-9])\",\"g\"),e[n]),!0):(r.test(t)&&(t=t.replace(r,function(t,e,r,n,a){return e.trim()+n.trim()+\" \"+a.trim()+\",\"+r.replace(/closest-side/g,\"contain\").replace(/farthest-corner/g,\"cover\").trim()})),void 0)}),t=t.replace(/(\\d+)\\s*deg/g,function(t,e){return 90-e+\"deg\"}).replace(/(linear|radial)-gradient/g,\"-webkit-$1-gradient\")})((function(){var t=\"@{arguments}\";return t=t.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_moz: ~`(function(e){if(e=e||8121991,8121991==e)return e;var t={\"to bottom\":\"top\",\"to left\":\"right\",\"to top\":\"bottom\",\"to right\":\"left\",\"ellipse at center\":\"center, ellipse cover\",\"circle closest-side\":\"center center, circle contain\",\"circle farthest-corner\":\"center center, circle cover\",\"circle farthest-side\":\"center center, circle cover\",\"ellipse closest-side\":\"center center, ellipse contain\",\"ellipse farthest-corner\":\"center center, ellipse cover\",\"ellipse farthest-side\":\"center center, ellipse cover\"},r=/(radial-gradient\\()([a-z- ]+)at\\s+(\\w+%?)\\s*(\\w*%?)/g,n=Object.keys(t);return n.some(function(n){return e.indexOf(n)>=0?(e=e.replace(new RegExp(n+\"(?![ a-z0-9])\",\"g\"),t[n]),!0):(r.test(e)&&(e=e.replace(r,function(e,t,r,n,a){return t.trim()+n.trim()+\" \"+a.trim()+\",\"+r.replace(/closest-side/g,\"contain\").replace(/farthest-corner/g,\"cover\").trim()})),void 0)}),e=e.replace(/(\\d+)\\s*deg/g,function(e,t){return 90-t+\"deg\"}).replace(/(linear|radial)-gradient/g,\"-moz-$1-gradient\")})((function(){var t=\"@{arguments}\";return t=t.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_opera: ~`(function(e){if(e=e||8121991,8121991==e)return e;var t={\"to bottom\":\"top\",\"to left\":\"right\",\"to top\":\"bottom\",\"to right\":\"left\",\"ellipse at center\":\"center, ellipse cover\",\"circle closest-side\":\"center center, circle contain\",\"circle farthest-corner\":\"center center, circle cover\",\"circle farthest-side\":\"center center, circle cover\",\"ellipse closest-side\":\"center center, ellipse contain\",\"ellipse farthest-corner\":\"center center, ellipse cover\",\"ellipse farthest-side\":\"center center, ellipse cover\"},r=/(radial-gradient\\()([a-z- ]+)at\\s+(\\w+%?)\\s*(\\w*%?)/g,n=Object.keys(t);return n.some(function(n){return e.indexOf(n)>=0?(e=e.replace(new RegExp(n+\"(?![ a-z0-9])\",\"g\"),t[n]),!0):(r.test(e)&&(e=e.replace(r,function(e,t,r,n,a){return t.trim()+n.trim()+\" \"+a.trim()+\",\"+r.replace(/closest-side/g,\"contain\").replace(/farthest-corner/g,\"cover\").trim()})),void 0)}),e=e.replace(/(\\d+)\\s*deg/g,function(e,t){return 90-t+\"deg\"}).replace(/(linear|radial)-gradient/g,\"-o-$1-gradient\")})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process: ~`(function(e){if(e=e||8121991,8121991==e)return e;var t={top:\"to bottom\",right:\"to left\",bottom:\"to top\",left:\"to right\"},r=Object.keys(t);return r.some(function(r){return e.indexOf(r)>=0&&!new RegExp(\"to\\\\s+\"+r+\"|at\\\\s+\"+r,\"g\").test(e)?(e=e.replace(new RegExp(r),t[r]),!0):void 0}),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n background-image: @process_ms;\n background-image: @process_webkit;\n background-image: @process_moz;\n background-image: @process_opera;\n background-image: @process;\n}\n\n.background-origin(...) {\n @process: ~`(function(e){return e||\"padding-box\"})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-background-origin: @process;\n -moz-background-origin: @process;\n background-origin: @process;\n}\n\n.background-size(...) {\n @process: ~`(function(e){e=e||\"auto auto\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-background-size: @process;\n -moz-background-size: @process;\n background-size: @process;\n}\n\n.blur(...) {\n @process: ~`(function(e){e=e||\"0\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-filter: blur(@process);\n -moz-filter: blur(@process);\n -ms-filter: blur(@process);\n filter: blur(@process);\n}\n\n.border-bottom-left-radius(...) {\n @process: ~`(function(e){e=e||\"0\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-border-bottom-left-radius: @process; -webkit-background-clip: padding-box; \n -moz-border-radius-bottomleft: @process; -moz-background-clip: padding; \n border-bottom-left-radius: @process; background-clip: padding-box; \n}\n\n.border-bottom-right-radius(...) {\n @process: ~`(function(e){e=e||\"0\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-border-bottom-right-radius: @process; -webkit-background-clip: padding-box; \n -moz-border-radius-bottomright: @process; -moz-background-clip: padding; \n border-bottom-right-radius: @process; background-clip: padding-box; \n}\n\n.border-image(...) {\n @process: ~`(function(e){return e=e||8121991,/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-border-image: @process;\n -moz-border-image: @process;\n -o-border-image: @process;\n border-image: @process;\n}\n\n.border-radius(...) {\n @process: ~`(function(e){e=e||\"0\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-border-radius: @process; -webkit-background-clip: padding-box; \n -moz-border-radius: @process; -moz-background-clip: padding; \n border-radius: @process; background-clip: padding-box; \n}\n\n.border-top-left-radius(...) {\n @process: ~`(function(e){e=e||\"0\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-border-top-left-radius: @process; -webkit-background-clip: padding-box; \n -moz-border-radius-topleft: @process; -moz-background-clip: padding; \n border-top-left-radius: @process; background-clip: padding-box; \n}\n\n.border-top-right-radius(...) {\n @process: ~`(function(e){e=e||\"0\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-border-top-right-radius: @process; -webkit-background-clip: padding-box; \n -moz-border-radius-topright: @process; -moz-background-clip: padding; \n border-top-right-radius: @process; background-clip: padding-box; \n}\n\n.box-shadow(...) {\n @process: ~`(function(e){e=e||\"0\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-box-shadow: @process;\n -moz-box-shadow: @process;\n box-shadow: @process;\n}\n\n.box-sizing(...) {\n @process: ~`(function(e){return e=e||\"content-box\"})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-box-sizing: @process;\n -moz-box-sizing: @process;\n box-sizing: @process;\n}\n\n.brightness(...) {\n @process: ~`(function(e){return e=e||\"1\"})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-filter: brightness(@process);\n -moz-filter: brightness(@process);\n -ms-filter: brightness(@process);\n filter: brightness(@process);\n}\n\n.calc(...) {\n @process: ~`(function(e){function t(t,r){var a=\");\\n\",c=n.split(\",\"),i=c[0]+\":\"+t+\"(\"+(c[1].trim()||0)+a;\"start\"==r?e=\"0;\\n\"+i:e+=i}e=e||8121991;var r=\"@{state}\",n=e;if(8121991==e)return e;switch(r){case\"1\":t(\"-webkit-calc\",\"start\"),t(\"-moz-calc\"),t(\"calc\");break;case\"2\":t(\"-webkit-calc\",\"start\"),t(\"-moz-calc\");break;case\"3\":t(\"-webkit-calc\",\"start\"),t(\"calc\");break;case\"4\":t(\"-webkit-calc\",\"start\");break;case\"5\":t(\"-moz-calc\",\"start\"),t(\"calc\");break;case\"6\":t(\"-moz-calc\",\"start\");break;case\"7\":t(\"calc\",\"start\")}return e=e.replace(/;$/g,\"\")})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @state: 1; -lh-property: @process;\n\n}\n\n.column-count(...) {\n @process: ~`(function(e){return e=e||\"auto\"})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-column-count: @process;\n -moz-column-count: @process;\n column-count: @process;\n}\n\n.column-gap(...) {\n @process: ~`(function(e){e=e||\"normal\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-column-gap: @process;\n -moz-column-gap: @process;\n column-gap: @process;\n}\n\n.column-rule(...) {\n @process: ~`(function(e){e=e||\"medium none black\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-column-rule: @process;\n -moz-column-rule: @process;\n column-rule: @process;\n}\n\n.column-width(...) {\n @process: ~`(function(e){e=e||\"auto\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-column-width: @process;\n -moz-column-width: @process;\n column-width: @process;\n}\n\n.columns(...) {\n @process: ~`(function(e){e=e||\"auto auto\";var t=/^\\d+$/;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\"),e=e.split(\" \")),t.test(e[0])&&(e[0]=e[0]+\"px\"),e.join(\" \")})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-columns: @process;\n -moz-columns: @process;\n columns: @process;\n}\n\n.contrast(...) {\n @process: ~`(function(e){e=e||\"100%\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"%\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-filter: ~\"contrast(@{process})\";\n -moz-filter: ~\"contrast(@{process})\";\n -ms-filter: ~\"contrast(@{process})\";\n filter: ~\"contrast(@{process})\";\n}\n\n.display(...) {\n @process_oldwebkit: ~`(function(e){return e=\"flex\"==e||\"inline-flex\"==e?\"-webkit-box\":8121991})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_moz: ~`(function(e){return e=\"flex\"==e||\"inline-flex\"==e?\"-moz-box\":8121991})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_webkit: ~`(function(e){return e=\"flex\"==e||\"inline-flex\"==e?\"-webkit-\"+e:8121991})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_ms: ~`(function(e){return e=\"flex\"==e?\"-ms-flexbox\":\"inline-flex\"==e?\"-ms-inline-flexbox\":8121991})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process: ~`(function(e){return\"flex\"!=e&&\"inline-flex\"!=e&&(e=8121991),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n display: @process_oldwebkit;\n display: @process_moz;\n display: @process_webkit;\n display: @process_ms;\n display: @process;\n}\n\n.drop-shadow(...) {\n @process: ~`(function(e){if(e=e||8121991,8121991==e)return e;var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-filter: drop-shadow(@process);\n -moz-filter: drop-shadow(@process);\n -ms-filter: drop-shadow(@process);\n filter: drop-shadow(@process);\n}\n\n.filter(...) {\n @process: ~`(function(e){return e=e||\"none\",/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-filter: @process;\n -moz-filter: @process;\n -ms-filter: @process;\n filter: @process;\n}\n\n.flex(...) {\n @process_olderwebkit: ~`(function(e){return/^\\d+/.test(e)?e=e.match(/^\\d+/)[0]:\"\"==e&&(e=\"0\"),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_moz: ~`(function(e){return/^\\d+/.test(e)?e=e.match(/^\\d+/)[0]:\"\"==e&&(e=\"0\"),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process: ~`(function(e){return e=e||\"0 1 auto\",/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\\))/g,\"\")),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-box-flex: @process_olderwebkit;\n -moz-box-flex: @process_moz;\n -webkit-flex: @process;\n -ms-flex: @process;\n flex: @process;\n}\n\n.flex-basis(...) {\n @process: ~`(function(e){e=e||\"auto\";var t=/\\d/gi,r=/(?:\\s|^)(\\.?\\d+\\.?\\d*)(?![^(]*\\)|\\w|%|\\.)/gi;return t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+\"px\"})),e})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-flex-basis: @process;\n flex-basis: @process;\n}\n\n.flex-direction(...) {\n @process_oldestwebkit: ~`(function(e){return e=\"row\"==e||\"column\"==e?\"normal\":\"row-reverse\"==e||\"column-reverse\"==e?\"reverse\":8121991})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_oldermoz: ~`(function(e){return e=\"row\"==e||\"column\"==e?\"normal\":\"row-reverse\"==e||\"column-reverse\"==e?\"reverse\":8121991})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_olderwebkit: ~`(function(e){return e=\"row\"==e||\"row-reverse\"==e?\"horizontal\":\"column\"==e||\"column-reverse\"==e?\"vertical\":8121991})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process_moz: ~`(function(e){return e=\"row\"==e||\"row-reverse\"==e?\"horizontal\":\"column\"==e||\"column-reverse\"==e?\"vertical\":8121991})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n @process: ~`(function(e){return e=e||\"row\"})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-box-direction: @process_oldestwebkit;\n -moz-box-direction: @process_oldermoz;\n -webkit-box-orient: @process_olderwebkit;\n -moz-box-orient: @process_moz;\n -webkit-flex-direction: @process;\n -ms-flex-direction: @process;\n flex-direction: @process;\n}\n\n.flex-grow(...) {\n @process: ~`(function(e){return e=e||\"0\"})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-flex-grow: @process;\n flex-grow: @process;\n}\n\n.flex-shrink(...) {\n @process: ~`(function(e){return e=e||\"1\"})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-flex-shrink: @process;\n flex-shrink: @process;\n}\n\n.flex-wrap(...) {\n @process: ~`(function(e){return e=e||\"nowrap\"})((function(){var e=\"@{arguments}\";return e=e.replace(/^\\[|\\]$/g,\"\")})())`;\n -webkit-flex-wrap: @process;\n -ms-flex-wrap: @process;\n flex-wrap: @process;\n}\n\n.font-face(@fontname, @fontfile, @fontweight:normal, @fontstyle:normal) {\n font-family: \"@{fontname}\";\n src: url(\"@{fontfile}.eot\");\n src: url(\"@{fontfile}.eot?#iefix\") format(\"embedded-opentype\"),\n url(\"@{fontfile}.woff\") format(\"woff\"),\n url(\"@{fontfile}.ttf\") format(\"truetype\"),\n url(\"@{fontfile}.svg#@{fontname}\") format(\"svg\