관리-도구

편집 파일: control.css.map

{"version":3,"file":"./control.css","mappings":"AAEE,qDACE,kBACA,cAGF,+DACE,mBAGF,oDACE,kBACA,mBAGE,+EACE,UAKN,qDACE,aACA,mBACA,uBACA,QACA,YACA,kBACA,UACA,WACA,YACA,cACA,6BACA,kBACA,eACA,UACA,eACA,mBACA,UAGA,2DACE,UAIJ,6DACE,UACA,yBAGF,uDACE,eACA,WACA,YACA,wBACA,yBAGF,oDACE,aACA,mBACA,8BAGF,wDACE,UACA,mBAGF,yDACE,UACA,iBAGF,qDACE,eACA,kBACA,yBACA,kBACA,kBACA,UAGF,sDACE,kBACA,SACA,UACA,SACA,WACA,WACA,oBACA,yBACA,aACA,wBAGF,4EACE,wBACA,gBACA,WACA,YACA,kBACA,yBACA,eACA,sBACA,gBACA,uGAEA,+FAIF,oKAEE,yBAGF,mFACE,yBAGF,wEACE,WACA,YACA,SACA,kBACA,yBACA,eACA,sBACA,gBACA,oGAEA,+FAIF,4JAEE,yBAGF,mDACE,yBACA,SAGF,gHAEE,S","sources":["webpack://control-range-slider/./src/control.scss"],"sourcesContent":["// Range slider control.\r\n.customize-control-kirki-slider {\r\n .kirki-control-label {\r\n position: relative;\r\n display: block;\r\n }\r\n\r\n .customize-control-description {\r\n padding-right: 30px;\r\n }\r\n\r\n .kirki-control-form {\r\n position: relative;\r\n margin-bottom: 12px;\r\n\r\n &:hover {\r\n .kirki-control-reset {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n\r\n .kirki-control-reset {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n right: 0;\r\n bottom: 22px;\r\n position: absolute;\r\n padding: 0;\r\n width: 16px;\r\n height: 16px;\r\n color: #50575e;\r\n background-color: transparent;\r\n border-radius: 50%;\r\n border-width: 0;\r\n opacity: 0;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n z-index: 3;\r\n\r\n // a11y: support tab focus.\r\n &:focus {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .kirki-control-reset:hover i {\r\n color: #f00;\r\n transform: rotate(-45deg);\r\n }\r\n\r\n .kirki-control-reset i {\r\n font-size: 12px;\r\n width: auto;\r\n height: auto;\r\n transform: rotate(45deg);\r\n transition: transform 0.3s;\r\n }\r\n\r\n .kirki-control-cols {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .kirki-control-left-col {\r\n width: 90%;\r\n padding-right: 13px;\r\n }\r\n\r\n .kirki-control-right-col {\r\n width: 10%;\r\n text-align: right;\r\n }\r\n\r\n .kirki-control-input {\r\n font-size: 12px;\r\n text-align: center;\r\n background-color: #f7f7f7;\r\n border-color: #bbb;\r\n border-radius: 4px;\r\n z-index: 2;\r\n }\r\n\r\n .kirki-control-slider {\r\n position: relative;\r\n top: -1px;\r\n padding: 0;\r\n margin: 0;\r\n width: 100%;\r\n height: 5px;\r\n border-radius: 2.5px;\r\n background-color: #bdc3c7;\r\n outline: none;\r\n -webkit-appearance: none;\r\n }\r\n\r\n .kirki-control-slider::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n background-color: #f0f0f0;\r\n cursor: pointer;\r\n border: 1px solid #999;\r\n box-shadow: none;\r\n -webkit-transition: background-color 0.15s ease-in-out,\r\n box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n transition: background-color 0.15s ease-in-out,\r\n box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n }\r\n\r\n .kirki-control-slider::-webkit-slider-thumb:hover,\r\n .kirki-control-slider::-webkit-slider-thumb:focus {\r\n background-color: #e7e7e7;\r\n }\r\n\r\n .kirki-control-slider:active::-webkit-slider-thumb {\r\n background-color: #e7e7e7;\r\n }\r\n\r\n .kirki-control-slider::-moz-range-thumb {\r\n width: 16px;\r\n height: 16px;\r\n border: 0;\r\n border-radius: 50%;\r\n background-color: #f0f0f0;\r\n cursor: pointer;\r\n border: 1px solid #999;\r\n box-shadow: none;\r\n -moz-transition: background-color 0.15s ease-in-out,\r\n box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n transition: background-color 0.15s ease-in-out,\r\n box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n }\r\n\r\n .kirki-control-slider::-moz-range-thumb:hover,\r\n .kirki-control-slider::-moz-range-thumb:focus {\r\n background-color: #e7e7e7;\r\n }\r\n\r\n ::-moz-range-track {\r\n background-color: #bdc3c7;\r\n border: 0;\r\n }\r\n\r\n input::-moz-focus-inner,\r\n input::-moz-focus-outer {\r\n border: 0;\r\n }\r\n}\r\n"],"names":[],"sourceRoot":""}