관리-도구

편집 파일: settings.css.map

{"mappings":"ACCA,8EAMA,iFAoBC,gJAOC,2PAcD,iHAMC,6HAOA,yDAIA,4DAGC,oFAKD,qJAOC,sQAeF,0EAKA,+DAIA,iEAIA,8DAOA,mEAOA,gFAMA,8EAIC,gDAIA,gFAKA,sDAKD,8EAQD,2BAIE,iDAKD,iDAIA,uHAYD,uFAMA,4DAKA,8BAGC,+HAQC,kEAIC,yDAIA,qDAKD,uCAIA,gFAMA,yCAKD,+GAOC,kDAGC,0DAMD,2NAmBF,yEAMC,gEAKA,4IASA,2DAMD,6DAKC,yFAMC,wDAIA,6CAKD,2CAKD,uEAKC,4CAKD,oHAOC,yCAKD,2DAIC,mDAIA,0DAOA,sDAKD,kDAKA,0EAKC,gGAQC,yJAOC,0QAgBD,sHASA,uHAQD","sources":["settings.css","kirki-packages/settings/src/settings.scss"],"sourcesContent":[".kirki-settings-page {\n --kirki-brand-color: #2764f1;\n --kirki-danger-color: #47d87c;\n}\n\n@keyframes loadingSpinAround {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(359deg);\n }\n}\n\n.kirki-settings-page .button.is-loading {\n pointer-events: none;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n color: #0000 !important;\n}\n\n.kirki-settings-page .button.is-loading:after {\n content: \"\";\n width: 1em;\n height: 1em;\n border: 2px solid #dbdbdb;\n border-radius: 290486px;\n animation: .5s linear infinite loadingSpinAround;\n display: block;\n position: absolute;\n border-color: #0000 #0000 #fff #fff !important;\n}\n\n.kirki-settings-page .button-link {\n background-color: #0000;\n border-width: 0;\n font-size: 17px;\n text-decoration: underline;\n}\n\n.kirki-settings-page .button-link:focus, .kirki-settings-page .button-link:active {\n box-shadow: none;\n border-width: 0;\n outline: none;\n}\n\n.kirki-settings-page .button-link.is-disabled {\n color: #ddd;\n}\n\n.kirki-settings-page .button-link.is-right-side {\n float: right;\n}\n\n.kirki-settings-page .button-link.is-right-side.is-loading {\n justify-content: flex-end;\n}\n\n.kirki-settings-page .button-link.is-loading {\n pointer-events: none;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n color: #0000 !important;\n}\n\n.kirki-settings-page .button-link.is-loading:after {\n content: \"\";\n width: 1em;\n height: 1em;\n border: 2px solid #7ab4e3;\n border-radius: 290486px;\n animation: .5s linear infinite loadingSpinAround;\n display: block;\n position: absolute;\n border-color: #0000 #0000 #2271b1 #2271b1 !important;\n}\n\n.kirki-settings-page .submission-status {\n margin-left: 15px;\n line-height: 39px;\n}\n\n.kirki-settings-page .submission-status.is-hidden {\n display: none;\n}\n\n.kirki-settings-page .submission-status.is-success {\n color: #0fa953;\n}\n\n.kirki-settings-page .submission-status.is-error {\n color: tomato;\n}\n\n.featured-products-banner img {\n max-width: 100%;\n border: 1px solid #ddd;\n}\n\n.kirki-featured-products > h2 {\n text-align: center;\n margin-bottom: 50px;\n font-size: 24px;\n}\n\n.kirki-featured-products .products {\n justify-content: space-between;\n display: flex;\n}\n\n.kirki-featured-products .products li {\n width: 32%;\n}\n\n.kirki-featured-products .products .subheadline {\n margin-top: -6px;\n font-weight: 600;\n}\n\n.kirki-featured-products .products img {\n max-width: 100%;\n}\n\n.kirki-featured-products .credit {\n text-align: center;\n opacity: .5;\n margin-top: 20px;\n}\n\n.heatbox {\n position: relative;\n}\n\n.heatbox .checkbox-label .is-disabled {\n opacity: .6;\n}\n\n.heatbox .heatbox-overlay.is-hidden {\n display: none;\n}\n\n.heatbox .heatbox-overlay {\n width: 100%;\n height: 100%;\n z-index: 100;\n background-color: #0000001a;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.pro-extensions-banner-link {\n margin-bottom: 20px;\n display: block;\n box-shadow: none !important;\n}\n\n.pro-extensions-banner {\n max-width: 100%;\n border: 1px solid #ddd;\n}\n\n.pro-extensions-list {\n margin: 0;\n}\n\n.pro-extensions-list li {\n border-bottom: 1px solid #ddd;\n flex-wrap: wrap;\n align-items: center;\n margin: 0;\n padding: 25px 20px;\n display: flex;\n}\n\n.pro-extensions-list li:last-child {\n background: #f9f9f9;\n border: none;\n}\n\n.pro-extensions-list li:last-child h3 {\n margin-bottom: 10px;\n}\n\n.pro-extensions-list li:last-child p {\n margin-bottom: 0;\n}\n\n.pro-extensions-list li div {\n flex: 0 50%;\n}\n\n.pro-extensions-list li h3 {\n margin-bottom: 0;\n font-weight: 400;\n display: inline-block;\n}\n\n.pro-extensions-list li p {\n font-size: 16px;\n}\n\n.pro-extensions-list .tooltip {\n cursor: pointer;\n color: #ccc;\n margin-left: 8px;\n display: inline-block;\n position: relative;\n}\n\n.pro-extensions-list .tooltip:hover {\n color: #0073aa;\n}\n\n.pro-extensions-list .tooltip:hover p {\n opacity: 1;\n z-index: 1;\n}\n\n.pro-extensions-list .tooltip p {\n z-index: -1;\n opacity: 0;\n width: 250px;\n color: initial;\n background: #fff;\n border: 1px solid #ddd;\n border-radius: 4px;\n padding: 15px;\n position: absolute;\n bottom: 15px;\n left: -40px;\n box-shadow: 0 0 20px #00000026;\n}\n\n.pro-extensions-list-icon {\n text-align: right;\n color: #47d87c;\n bottom: 0;\n left: 0;\n}\n\n.pro-extensions-list-icon i {\n margin-right: 20px;\n position: relative;\n}\n\n.pro-extensions-list-icon strong {\n color: #fff;\n background: #47d87c;\n border-radius: 4px;\n margin: 0 10px;\n padding: 2px 4px;\n font-size: 12px;\n line-height: 1;\n}\n\n.pro-extensions-list-icon .button-larger {\n padding: 10px 30px;\n}\n\n.kirki-recommended-list {\n flex-wrap: wrap;\n margin: 0;\n display: flex;\n}\n\n.kirki-recommended-list li {\n flex-direction: column;\n flex: 0 49%;\n margin-right: 2%;\n display: flex;\n}\n\n.kirki-recommended-list li:nth-child(2n) {\n margin-right: 0;\n}\n\n.kirki-recommended-list li > a {\n box-shadow: none;\n}\n\n.kirki-recommended-list img {\n max-width: 100%;\n}\n\n.kirki-recommended-content {\n min-height: 150px;\n flex: 1 0 auto;\n padding: 20px;\n}\n\n.kirki-recommended-content p {\n font-size: 16px;\n}\n\n.kirki-recommended-status {\n background: #f9f9f9;\n border-top: 1px solid #ddd;\n align-items: center;\n padding: 20px;\n display: flex;\n}\n\n.kirki-recommended-status div {\n flex: 0 50%;\n}\n\n.kirki-recommended-status-icon {\n text-align: right;\n color: #aaa;\n}\n\n.kirki-recommended-status-icon.green {\n color: #47d87c;\n}\n\n.kirki-recommended-status-icon i {\n font-size: 22px !important;\n}\n\n.installation-progress-metabox.is-hidden {\n display: none;\n}\n\n.installation-info {\n font-size: 14px;\n font-weight: 700;\n}\n\n.installation-progress {\n align-items: center;\n margin-bottom: 10px;\n display: flex;\n}\n\n.installation-progress .progress-icon {\n width: 20px;\n height: 20px;\n margin-right: 4px;\n position: relative;\n}\n\n.installation-progress.is-loading .progress-icon {\n pointer-events: none;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n color: #0000 !important;\n}\n\n.installation-progress.is-loading .progress-icon:after {\n content: \"\";\n width: 1em;\n height: 1em;\n border: 2px solid #7ab4e3;\n border-radius: 290486px;\n animation: .5s linear infinite loadingSpinAround;\n display: block;\n position: absolute;\n border-color: #0000 #0000 #2271b1 #2271b1 !important;\n}\n\n.installation-progress.is-done .progress-icon:before {\n content: \"\";\n color: #47d87c;\n font-family: dashicons;\n font-size: 20px;\n}\n\n.installation-progress.is-failed .progress-icon:before {\n content: \"\";\n color: tomato;\n font-family: dashicons;\n font-size: 20px;\n}\n\n.installation-progress .progress-text {\n flex: auto;\n}\n\n/*# sourceMappingURL=settings.css.map */\n","// Vars\n.kirki-settings-page {\n\t--kirki-brand-color: #2764F1;\n\t--kirki-danger-color: #47D87C;\n}\n\n// Loading animation\n@-webkit-keyframes loadingSpinAround {\n\tfrom {\n\t\ttransform: rotate(0);\n\t}\n\tto {\n\t\ttransform: rotate(359deg);\n\t}\n}\n\n@keyframes loadingSpinAround {\n\tfrom {\n\t\ttransform: rotate(0);\n\t}\n\tto {\n\t\ttransform: rotate(359deg);\n\t}\n}\n\n.kirki-settings-page {\n\t// Button\n\t.button.is-loading {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcolor: transparent !important;\n\t\tpointer-events: none;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\twidth: 1em;\n\t\t\tdisplay: block;\n\t\t\theight: 1em;\n\t\t\tborder: 2px solid #dbdbdb;\n\t\t\tborder-color: transparent transparent #fff #fff !important;\n\t\t\tborder-radius: 290486px;\n\t\t\t-webkit-animation: loadingSpinAround 0.5s infinite linear;\n\t\t\tanimation: loadingSpinAround 0.5s infinite linear;\n\t\t}\n\t}\n\n\t.button-link {\n\t\tborder-width: 0;\n\t\tbackground-color: transparent;\n\t\tfont-size: 17px;\n\t\ttext-decoration: underline;\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\toutline: none;\n\t\t\tbox-shadow: none;\n\t\t\tborder-width: 0;\n\t\t}\n\n\t\t&.is-disabled {\n\t\t\tcolor: #ddd;\n\t\t}\n\n\t\t&.is-right-side {\n\t\t\tfloat: right;\n\n\t\t\t&.is-loading {\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\t\t}\n\n\t\t&.is-loading {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tcolor: transparent !important;\n\t\t\tpointer-events: none;\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 1em;\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 1em;\n\t\t\t\tborder: 2px solid #7ab4e3;\n\t\t\t\tborder-color: transparent transparent #2271b1 #2271b1 !important;\n\t\t\t\tborder-radius: 290486px;\n\t\t\t\t-webkit-animation: loadingSpinAround 0.5s infinite linear;\n\t\t\t\tanimation: loadingSpinAround 0.5s infinite linear;\n\t\t\t}\n\t\t}\n\t}\n\n\t.submission-status {\n\t\tmargin-left: 15px;\n\t\tline-height: 39px;\n\t}\n\n\t.submission-status.is-hidden {\n\t\tdisplay: none;\n\t}\n\n\t.submission-status.is-success {\n\t\tcolor: #0fa953;\n\t}\n\n\t.submission-status.is-error {\n\t\tcolor: tomato;\n\t}\n}\n\n// Featured products\n.featured-products-banner {\n\timg {\n\t\tborder: 1px solid #ddd;\n\t\tmax-width: 100%;\n\t}\n}\n\n.kirki-featured-products {\n\t> h2 {\n\t\ttext-align: center;\n\t\tmargin-bottom: 50px;\n\t\tfont-size: 24px;\n\t}\n\n\t.products {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\n\t\tli {\n\t\t\twidth: 32%;\n\t\t}\n\n\t\t.subheadline {\n\t\t\tfont-weight: 600;\n\t\t\tmargin-top: -6px;\n\t\t}\n\n\t\timg {\n\t\t\tmax-width: 100%;\n\t\t}\n\t}\n\n\t.credit {\n\t\tmargin-top: 20px;\n\t\ttext-align: center;\n\t\topacity: 0.5;\n\t}\n}\n\n// Heatbox adjustment\n.heatbox {\n\tposition: relative;\n\n\t.checkbox-label {\n\t\t.is-disabled {\n\t\t\topacity: 0.6;\n\t\t}\n\t}\n\n\t.heatbox-overlay.is-hidden {\n\t\tdisplay: none;\n\t}\n\n\t.heatbox-overlay {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tbackground-color: rgba(0, 0, 0, 0.1);\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tz-index: 100;\n\t}\n}\n\n// Kirki PRO\n.pro-extensions-banner-link {\n\tdisplay: block;\n\tmargin-bottom: 20px;\n\tbox-shadow: none !important;\n}\n\n.pro-extensions-banner {\n\tmax-width: 100%;\n\tborder: 1px solid #ddd;\n}\n\n.pro-extensions-list {\n\tmargin: 0;\n\n\tli {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tmargin: 0;\n\t\tpadding: 25px 20px;\n\t\tborder-bottom: 1px solid #ddd;\n\n\t\t&:last-child {\n\t\t\tborder: none;\n\t\t\tbackground: #f9f9f9;\n\n\t\t\th3 {\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\tdiv {\n\t\t\tflex: 0 50%;\n\t\t}\n\n\t\th3 {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-bottom: 0;\n\t\t\tfont-weight: 400;\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: 16px;\n\t\t}\n\t}\n\n\t.tooltip {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\tcursor: pointer;\n\t\tcolor: #ccc;\n\t\tmargin-left: 8px;\n\n\t\t&:hover {\n\t\t\tcolor: #0073aa;\n\n\t\t\tp {\n\t\t\t\topacity: 1;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t}\n\n\t\tp {\n\t\t\tz-index: -1;\n\t\t\topacity: 0;\n\t\t\tposition: absolute;\n\t\t\tbottom: 15px;\n\t\t\tleft: -40px;\n\t\t\twidth: 250px;\n\t\t\tbackground: #fff;\n\t\t\tpadding: 15px;\n\t\t\tborder: 1px solid #ddd;\n\t\t\tcolor: initial;\n\t\t\t-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);\n\t\t\t-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);\n\t\t\tbox-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);\n\t\t\tborder-radius: 4px;\n\t\t}\n\t}\n}\n\n.pro-extensions-list-icon {\n\ttext-align: right;\n\tcolor: #47d87c;\n\tleft: 0;\n\tbottom: 0;\n\n\ti {\n\t\tmargin-right: 20px;\n\t\tposition: relative;\n\t}\n\n\tstrong {\n\t\tpadding: 2px 4px;\n\t\tborder-radius: 4px;\n\t\tbackground: #47d87c;\n\t\tcolor: #fff;\n\t\tline-height: 1;\n\t\tmargin: 0 10px;\n\t\tfont-size: 12px;\n\t}\n\t.button-larger {\n\t\tpadding: 10px 30px;\n\t}\n}\n\n// Recommended plugins\n.kirki-recommended-list {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin: 0;\n\n\tli {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex: 0 49%;\n\t\tmargin-right: 2%;\n\n\t\t&:nth-child(even) {\n\t\t\tmargin-right: 0;\n\t\t}\n\n\t\t& > a {\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\timg {\n\t\tmax-width: 100%;\n\t}\n}\n\n.kirki-recommended-content {\n\tpadding: 20px;\n\tflex: 1 0 auto;\n\tmin-height: 150px;\n\n\tp {\n\t\tfont-size: 16px;\n\t}\n}\n\n.kirki-recommended-status {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 20px;\n\tbackground: #f9f9f9;\n\tborder-top: 1px solid #ddd;\n\n\tdiv {\n\t\tflex: 0 50%;\n\t}\n}\n\n.kirki-recommended-status-icon {\n\ttext-align: right;\n\tcolor: #aaa;\n\n\t&.green {\n\t\tcolor: #47d87c;\n\t}\n\n\ti {\n\t\tfont-size: 22px !important;\n\t}\n}\n\n// Instant installation progress\n.installation-progress-metabox {\n\t&.is-hidden {\n\t\tdisplay: none;\n\t}\n}\n\n.installation-info {\n\tfont-size: 14px;\n\tfont-weight: 700;\n}\n\n.installation-progress {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-bottom: 10px;\n\n\t.progress-icon {\n\t\tposition: relative;\n\t\tmargin-right: 4px;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t}\n\n\t&.is-loading {\n\t\t.progress-icon {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tcolor: transparent !important;\n\t\t\tpointer-events: none;\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 1em;\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 1em;\n\t\t\t\tborder: 2px solid #7ab4e3;\n\t\t\t\tborder-color: transparent transparent #2271b1 #2271b1 !important;\n\t\t\t\tborder-radius: 290486px;\n\t\t\t\t-webkit-animation: loadingSpinAround 0.5s infinite linear;\n\t\t\t\tanimation: loadingSpinAround 0.5s infinite linear;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.is-done {\n\t\t.progress-icon::before {\n\t\t\tcontent: \"\\f147\";\n\t\t\tfont-family: dashicons;\n\t\t\tcolor: #47d87c;\n\t\t\tfont-size: 20px;\n\t\t}\n\t}\n\n\t&.is-failed {\n\t\t.progress-icon::before {\n\t\t\tcontent: \"\\f158\";\n\t\t\tfont-family: dashicons;\n\t\t\tcolor: tomato;\n\t\t\tfont-size: 20px;\n\t\t}\n\t}\n\n\t.progress-text {\n\t\tflex: 1 1 auto;\n\t}\n}\n"],"names":[],"version":3,"file":"settings.css.map"}