1 line
7.7 KiB
Plaintext
1 line
7.7 KiB
Plaintext
{"version":3,"file":"prefix-737.cf869b6ea8bfad2f.css","mappings":"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","sources":["webpack://WebComponents/./runestone/matching/css/matching.less","webpack://WebComponents/./runestone/matching/css/matching.css","webpack://WebComponents/./runestone/common/css/variables.less"],"sourcesContent":[".ptx-runestone-container,\n.runestone-sphinx {\n @import (less) url(\"./matching.css\");\n}\n\n@import (less) url(\"../../common/css/variables.less\");","* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: sans-serif;\n padding: 20px;\n margin: 0;\n}\n\nh2 {\n margin-bottom: 0.5em;\n}\n\n/* Main wrapper for each matching component */\n[data-component=\"matching\"] {\n margin: 2rem 0;\n font-family: sans-serif;\n}\n\n.matching-workspace {\n display: flex;\n justify-content: space-between;\n position: relative;\n max-width: 1000px;\n width: 100%;\n margin: 0 auto 1rem;\n background: var(--componentBgColor);\n}\n\n.left-column,\n.right-column {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 12px;\n padding: 10px;\n position: relative;\n z-index: 1;\n max-width: 25vw;\n}\n\n\n.left-column img,\n.right-column img {\n max-width: 25vw;\n /* Ensure images do not exceed 25% of the viewport width */\n}\n\n.box {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 120px;\n padding: 10px 14px;\n min-height: 50px;\n max-width: 100%;\n background: var(--dropableBgColor, #f9f9f9);\n border: 2px solid var(--boxBorderColor);\n border-radius: 8px;\n text-align: center;\n font-weight: bold;\n user-select: none;\n cursor: grab;\n text-align: center;\n touch-action: none;\n /* Prevents scrolling during tap+drag */\n}\n\n.matching-workspace,\n.left-column,\n.right-column,\n.box,\nbody {\n user-select: none;\n -webkit-user-select: none; /* for iOS/Safari */\n}\n\n.box mjx-container {\n font-size: 1em;\n}\n\n.box:focus {\n outline: 3px solid #3498db;\n}\n\n.box.selected {\n outline: 3px dashed #27ae60;\n}\n\n.connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 0;\n background: var(--componentBgColor);\n}\n\n.line {\n stroke: var(--dragLineColor);\n ;\n stroke-width: 3;\n cursor: pointer;\n pointer-events: auto;\n transition: stroke 0.2s ease, stroke-width 0.2s ease;\n}\n\n.line.correct {\n stroke: green;\n stroke-width: 3;\n}\n\n.line.incorrect {\n stroke: #bf1521;\n stroke-width: 2;\n stroke-dasharray: 5 5;\n}\n\n.line.highlighted {\n stroke: #3cd6e7;\n stroke-width: 3;\n}\n\n.line.faded {\n stroke: #ccc;\n stroke-width: 1;\n}\n\n.line:focus,\n.line:hover {\n stroke: #3498db;\n stroke-dasharray: 6 4;\n /* 6px dash, 4px gap */\n stroke-width: 5;\n outline: none;\n}\n\n.conn-list {\n max-width: 800px;\n margin: 0 auto 1rem;\n padding: 10px;\n background: var(--componentBgColor);\n border: 1px solid #ccc;\n border-radius: 6px;\n font-size: 14px;\n}\n\n.conn-entry {\n margin: 4px 0;\n font-family: monospace;\n}\n\nbutton {\n display: inline-block;\n margin: 0.5rem;\n font-size: 1rem;\n padding: 8px 16px;\n border: none;\n border-radius: 6px;\n cursor: grab;\n transition: background 0.2s ease-in-out;\n}\n\nbutton:hover {\n background: #2980b9;\n}\n\n.aria-live {\n position: absolute;\n left: -9999px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.control-div {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n margin-top: 1rem;\n}\n\n.control-div .help-button {\n background: #2c3e50;\n color: #ecf0f1;\n width: 32px;\n height: 32px;\n padding: 0;\n border-radius: 50%;\n font-size: 1.2rem;\n line-height: 32px;\n text-align: center;\n cursor: pointer;\n}\n\n.control-div .help-button:hover {\n background: #34495e;\n}\n\n/* modal overlay */\n.help-modal {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n align-items: center;\n justify-content: center;\n z-index: 10;\n}\n\n/* modal content box */\n.help-modal-content {\n\n background-color: var(--questionBgColor);\n padding: 1rem 1.5rem;\n border-radius: 6px;\n max-width: 80%;\n max-height: 80%;\n overflow: auto;\n position: relative;\n}\n\n/* close button */\n.help-modal-content .help-close {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n background: transparent;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n color: red;\n}\n\n/* help text */\n.help-modal-content .help-text {\n margin-top: 1.5rem;\n font-size: 1rem;\n line-height: 1.4;\n}\n\n.match_question {\n background-color: var(--questionBgColor);\n padding: 10px;\n margin-bottom: 10px;\n}\n\n.match_feedback {\n background-color: var(--parsonsIncorrectBgColor);\n padding: 10px;\n margin-top: 10px;\n margin-bottom: 10px;\n border-radius: 5px;\n}",":root {\n --draggableBgColor: #EFEFEF;\n --dropableBgColor: #DDDDDD;\n --draggableIncorrectBorder: red;\n --draggableIncorrectBg: #f2dede;\n --dragLineColor: #000000;\n --boxBorderColor: #000000;\n\n}\n\n:root.dark-mode,\n[data-theme=\"dark\"] {\n --draggableBgColor: #393434;\n --dropableBgColor: #2a2d30;\n --draggableIncorrectBorder: red;\n --draggableIncorrectBg: #6d2d2d;\n --dragLineColor: #ffffff;\n --boxBorderColor: #ffffff;\n\n}\n"],"names":[],"sourceRoot":""} |