UNPKG

@ima/devtools

Version:

IMA.js debugging panel in the Chrome Developer Tools window.

github.com/seznam/ima

seznam/ima

1 lines • 9.76 kB
1
{"version":3,"file":"css/popup.css","mappings":"AAAA;EAGI;+BAAA;EAEA;2EAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACpCJ;AA5JA;EAGI;EACA;EACA;EAEA;EACA;AA4JJ;AApKA;EAYI;UAAA;EACA;AA2JJ;AAxKA;EAiBI;AA0JJ;AA3KA;EAqBI;EACA;EACA;EAEA;EACA;EACA;AAwJJ;AAnLA;EA+BI;EACA;EAEA;EACA;EACA;EAEA;AAqJJ;AA3LA;EA0CI;AAoJJ;AA9LA;EA8CI;EAAA;EAEA;EACA;EAEA;EACA;EAEA;MAAA;EACA;MAAA;EACA;MAAA;EAEA;EAEA;EAEA;UAAA;AA6IJ;AA3MA;EAkEI;AA4IJ;AA9MA;EAsEI;EACA;EAEA;AA0IJ;AAnNA;EA6EI;AAyIJ;AAtNA;EAiFI;EAEA;EACA;EACA;EAEA;EAEA;AAqIJ;AA9NA;EA6FI;EAEA;AAmIJ;AAlOA;EAmGI;EAEA;EAEA;UAAA;EACA;EACA;EACA;EAEA;EAEA;EAEA;AA6HJ;AA7OA;EAoHI;EAEA;EACA;EACA;EAEA;UAAA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;AAwHJ;AA3PA;EAuII;EAEA;UAAA;AAsHJ;AA/PA;EA6II;EAEA;EAEA;AAmHJ;AApQA;EAqJI;EAAA;AAkHJ;AAvQA;EAyJI;UAAA;AAiHJ;AA1QA;EA6JI;UAAA;EACA;EAAA;AAgHJ","sources":["webpack://@ima/devtools/./src/assets/less/config.module.less","webpack://@ima/devtools/./src/assets/less/popup.module.less"],"sourcesContent":[":global {\n :root {\n // Fonts\n --font-family-monospace: 'SFMono-Regular', consolas, 'Liberation Mono',\n menlo, courier, monospace;\n --font-family-sans: -apple-system, blinkmacsystemfont, segoe ui, helvetica,\n arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;\n\n // Z-indexes\n --z-index-search-toolbar: 1;\n --z-index-popup-header: 1;\n --z-index-tooltip: 1;\n --z-index-menu-dropdown: 10;\n --z-index-menu-alerts: 100;\n --z-index-modal: 99;\n\n // Colors\n --color-primary: #f1404b;\n --color-secondary: var(--oc-blue-4);\n --color-text-primary: var(--oc-gray-8);\n --color-text-muted: var(--oc-gray-6);\n --color-border: var(--oc-gray-2);\n --color-black: #000;\n --color-white: #fff;\n\n // Buttons\n --color-button-background: #fff;\n --color-button-background-focus: var(--oc-gray-2);\n --color-button: var(--oc-gray-7);\n --color-button-disabled: var(--oc-gray-4);\n --color-button-active: var(--color-secondary);\n --color-button-focus: var(--oc-gray-8);\n --color-button-hover: var(--oc-gray-6);\n\n // Structure\n --toolbar-height: 42px;\n --tabs-height: 30px;\n --options-sidebar-width: 300px;\n\n // Open Colors - https://yeun.github.io/open-color/\n // Gray\n --oc-gray-0: #f8f9fa;\n --oc-gray-1: #f1f3f5;\n --oc-gray-2: #e9ecef;\n --oc-gray-3: #dee2e6;\n --oc-gray-4: #ced4da;\n --oc-gray-5: #adb5bd;\n --oc-gray-6: #868e96;\n --oc-gray-7: #495057;\n --oc-gray-8: #343a40;\n --oc-gray-9: #212529;\n\n // Red\n --oc-red-0: #fff5f5;\n --oc-red-1: #ffe3e3;\n --oc-red-2: #ffc9c9;\n --oc-red-3: #ffa8a8;\n --oc-red-4: #ff8787;\n --oc-red-5: #ff6b6b;\n --oc-red-6: #fa5252;\n --oc-red-7: #f03e3e;\n --oc-red-8: #e03131;\n --oc-red-9: #c92a2a;\n\n // Pink\n --oc-pink-0: #fff0f6;\n --oc-pink-1: #ffdeeb;\n --oc-pink-2: #fcc2d7;\n --oc-pink-3: #faa2c1;\n --oc-pink-4: #f783ac;\n --oc-pink-5: #f06595;\n --oc-pink-6: #e64980;\n --oc-pink-7: #d6336c;\n --oc-pink-8: #c2255c;\n --oc-pink-9: #a61e4d;\n\n // Grape\n --oc-grape-0: #f8f0fc;\n --oc-grape-1: #f3d9fa;\n --oc-grape-2: #eebefa;\n --oc-grape-3: #e599f7;\n --oc-grape-4: #da77f2;\n --oc-grape-5: #cc5de8;\n --oc-grape-6: #be4bdb;\n --oc-grape-7: #ae3ec9;\n --oc-grape-8: #9c36b5;\n --oc-grape-9: #862e9c;\n\n // Violet\n --oc-violet-0: #f3f0ff;\n --oc-violet-1: #e5dbff;\n --oc-violet-2: #d0bfff;\n --oc-violet-3: #b197fc;\n --oc-violet-4: #9775fa;\n --oc-violet-5: #845ef7;\n --oc-violet-6: #7950f2;\n --oc-violet-7: #7048e8;\n --oc-violet-8: #6741d9;\n --oc-violet-9: #5f3dc4;\n\n // Indigo\n --oc-indigo-0: #edf2ff;\n --oc-indigo-1: #dbe4ff;\n --oc-indigo-2: #bac8ff;\n --oc-indigo-3: #91a7ff;\n --oc-indigo-4: #748ffc;\n --oc-indigo-5: #5c7cfa;\n --oc-indigo-6: #4c6ef5;\n --oc-indigo-7: #4263eb;\n --oc-indigo-8: #3b5bdb;\n --oc-indigo-9: #364fc7;\n\n // Blue\n --oc-blue-0: #e7f5ff;\n --oc-blue-1: #d0ebff;\n --oc-blue-2: #a5d8ff;\n --oc-blue-3: #74c0fc;\n --oc-blue-4: #4dabf7;\n --oc-blue-5: #339af0;\n --oc-blue-6: #228be6;\n --oc-blue-7: #1c7ed6;\n --oc-blue-8: #1971c2;\n --oc-blue-9: #1864ab;\n\n // Cyan\n --oc-cyan-0: #e3fafc;\n --oc-cyan-1: #c5f6fa;\n --oc-cyan-2: #99e9f2;\n --oc-cyan-3: #66d9e8;\n --oc-cyan-4: #3bc9db;\n --oc-cyan-5: #22b8cf;\n --oc-cyan-6: #15aabf;\n --oc-cyan-7: #1098ad;\n --oc-cyan-8: #0c8599;\n --oc-cyan-9: #0b7285;\n\n // Teal\n --oc-teal-0: #e6fcf5;\n --oc-teal-1: #c3fae8;\n --oc-teal-2: #96f2d7;\n --oc-teal-3: #63e6be;\n --oc-teal-4: #38d9a9;\n --oc-teal-5: #20c997;\n --oc-teal-6: #12b886;\n --oc-teal-7: #0ca678;\n --oc-teal-8: #099268;\n --oc-teal-9: #087f5b;\n\n // Green\n --oc-green-0: #ebfbee;\n --oc-green-1: #d3f9d8;\n --oc-green-2: #b2f2bb;\n --oc-green-3: #8ce99a;\n --oc-green-4: #69db7c;\n --oc-green-5: #51cf66;\n --oc-green-6: #40c057;\n --oc-green-7: #37b24d;\n --oc-green-8: #2f9e44;\n --oc-green-9: #2b8a3e;\n\n // Lime\n --oc-lime-0: #f4fce3;\n --oc-lime-1: #e9fac8;\n --oc-lime-2: #d8f5a2;\n --oc-lime-3: #c0eb75;\n --oc-lime-4: #a9e34b;\n --oc-lime-5: #94d82d;\n --oc-lime-6: #82c91e;\n --oc-lime-7: #74b816;\n --oc-lime-8: #66a80f;\n --oc-lime-9: #5c940d;\n\n // Yellow\n --oc-yellow-0: #fff9db;\n --oc-yellow-1: #fff3bf;\n --oc-yellow-2: #ffec99;\n --oc-yellow-3: #ffe066;\n --oc-yellow-4: #ffd43b;\n --oc-yellow-5: #fcc419;\n --oc-yellow-6: #fab005;\n --oc-yellow-7: #f59f00;\n --oc-yellow-8: #f08c00;\n --oc-yellow-9: #e67700;\n\n // Orange\n --oc-orange-0: #fff4e6;\n --oc-orange-1: #ffe8cc;\n --oc-orange-2: #ffd8a8;\n --oc-orange-3: #ffc078;\n --oc-orange-4: #ffa94d;\n --oc-orange-5: #ff922b;\n --oc-orange-6: #fd7e14;\n --oc-orange-7: #f76707;\n --oc-orange-8: #e8590c;\n --oc-orange-9: #d9480f;\n }\n}\n","@import './config.module.less';\n\n:global {\n html,\n body {\n margin: 0;\n padding: 0;\n width: 100%;\n\n font: 14px/1.4 var(--font-family-sans);\n color: var(--color-text-primary);\n }\n\n * {\n box-sizing: border-box;\n -webkit-font-smoothing: auto;\n }\n\n p {\n margin: 7px 0;\n }\n\n .list {\n margin-top: -5px;\n margin-bottom: 7px;\n padding-left: 25px;\n\n font-size: 12px;\n line-height: 1.7;\n color: var(--oc-gray-7);\n }\n\n code {\n border-radius: 3px;\n padding: 2px 6px;\n\n font-family: var(--font-family-monospace);\n font-size: 12px;\n color: var(--color-primary);\n\n background: var(--oc-gray-2);\n }\n\n .popup {\n width: 350px;\n }\n\n .popup__header {\n display: flex;\n\n position: relative;\n z-index: var(--z-index-popup-header);\n\n padding: 5px 15px;\n height: 48px;\n\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n color: var(--oc-gray-8);\n\n background: var(--color-white);\n\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);\n }\n\n .popup__header-title {\n font-weight: bold;\n }\n\n .popup__body {\n margin-top: -132px;\n padding: 6px 15px;\n\n background: var(--oc-gray-0);\n }\n\n .popup__body.active {\n margin-top: 0;\n }\n\n .ima-js {\n display: inline-block;\n\n padding-left: 24px;\n width: 24px;\n height: 24px;\n\n background: url('../../public/images/icon-alive-48.png') no-repeat center\n top;\n background-size: 18px 18px;\n }\n\n .switch input[type='checkbox'] {\n display: none;\n\n visibility: hidden;\n }\n\n .switch .switcher {\n display: inline-block;\n\n position: relative;\n\n box-sizing: border-box;\n border-radius: 100px;\n width: 40px;\n height: 22px;\n\n vertical-align: middle;\n\n background-color: var(--oc-gray-3);\n\n cursor: pointer;\n }\n\n .switch .switcher::before {\n display: block;\n\n position: absolute;\n left: 2px;\n top: 2px;\n\n box-sizing: border-box;\n margin-top: 0;\n margin-left: 0;\n border-radius: 50%;\n width: 18px;\n height: 18px;\n\n content: '';\n\n background-color: var(--color-white);\n }\n\n .switch input[type='checkbox']:checked + .switcher {\n background-color: var(--color-white);\n\n box-shadow: 0 0 0 20px var(--oc-green-4) inset;\n }\n\n .switch input[type='checkbox']:checked + .switcher::before {\n right: 100%;\n\n margin-left: 18px;\n\n background-color: var(--color-white);\n }\n\n .switch [disabled]:not([disabled='false']) + .switcher {\n transition: none;\n }\n\n .switch [disabled]:not([disabled='false']) + .switcher:active::before {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n }\n\n .switch [disabled]:not([disabled='false']) + .switcher::before {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n transition: none;\n }\n}\n"],"names":[],"sourceRoot":""}