1 line
16 KiB
Plaintext
1 line
16 KiB
Plaintext
{"version":3,"file":"prefix-964.28d647922a33f444.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\");","/* Matching component styles. Everything here is scoped under\n .ptx-runestone-container / .runestone-sphinx by matching.less, so avoid\n bare element selectors that would leak into the page. Theme variables\n come from common/css/variables.less. */\n\n[data-component=\"matching\"] {\n margin: 2rem 0;\n}\n\n[data-component=\"matching\"] * {\n box-sizing: border-box;\n}\n\n.matching-workspace {\n display: flex;\n justify-content: space-between;\n position: relative;\n max-width: 780px;\n width: 100%;\n margin: 0 auto 1rem;\n padding: 1rem 8px;\n user-select: none;\n -webkit-user-select: none;\n}\n\n.left-column,\n.right-column {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: stretch;\n gap: 12px;\n position: relative;\n z-index: 1;\n flex: 0 1 38%;\n min-width: 0;\n}\n\n.left-column img,\n.right-column img {\n max-width: 100%;\n height: auto;\n}\n\n.box {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 14px;\n min-height: 48px;\n background: var(--background, #ffffff);\n border: 1px solid var(--componentBorderColor, #555555);\n border-radius: 8px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);\n text-align: center;\n font-weight: 500;\n user-select: none;\n -webkit-user-select: none;\n cursor: pointer;\n touch-action: none;\n /* touch-action: none prevents scrolling during tap+drag */\n transition:\n border-color 0.15s ease,\n background-color 0.15s ease,\n box-shadow 0.15s ease;\n}\n\n/* Premises (left column) tend to be sentences; ragged-right reads better. */\n.box[data-role=\"drag\"] {\n justify-content: flex-start;\n text-align: left;\n}\n\n/* Connection ports: a small dot on the edge where lines attach, so the\n affordance of \"draw a line from here to there\" is visible. */\n.box::after {\n content: \"\";\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: var(--background, #ffffff);\n border: 2px solid var(--dragLineColor, #555555);\n transition:\n background-color 0.15s ease,\n border-color 0.15s ease;\n}\n\n.box[data-role=\"drag\"]::after {\n right: -6px;\n}\n\n.box[data-role=\"drop\"]::after {\n left: -6px;\n}\n\n.box:hover {\n border-color: var(--dragLineColor, #000000);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n}\n\n.box:hover::after {\n background: var(--dragLineColor, #555555);\n}\n\n.box mjx-container {\n font-size: 1em;\n}\n\n.box:focus {\n outline: 3px solid #3498db;\n outline-offset: 1px;\n}\n\n.box.selected {\n outline: 3px dashed #27ae60;\n outline-offset: 1px;\n}\n\n/* Flash shown when the user tries to connect two boxes in the same column. */\n.box.invalid {\n border-color: var(--draggableIncorrectBorder, red);\n background: var(--draggableIncorrectBg, #f2dede);\n}\n\n/* Graded state, applied to the boxes at each end of a connection. */\n.box.match-correct {\n border-color: var(--parsonsCorrectBorderColor, #ade595);\n background: var(--parsonsCorrectBgColor, #dff0d8);\n}\n\n.box.match-incorrect {\n border-color: var(--parsonsIncorrectBorderColor, #f2b6b6);\n background: var(--parsonsIncorrectBgColor, #f2dede);\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}\n\n.line {\n stroke: var(--dragLineColor, #333333);\n stroke-opacity: 0.75;\n stroke-width: 2.5;\n fill: none;\n stroke-linecap: round;\n cursor: pointer;\n pointer-events: stroke;\n transition:\n stroke 0.15s ease,\n stroke-width 0.15s ease,\n stroke-opacity 0.15s ease;\n}\n\n/* The in-progress line that follows the pointer during a drag. */\n.line.temp {\n stroke-dasharray: 5 5;\n stroke-opacity: 0.5;\n pointer-events: none;\n}\n\n.line.correct {\n stroke: #2e8540;\n stroke-opacity: 1;\n stroke-width: 3;\n}\n\n.line.incorrect {\n stroke: #c62828;\n stroke-opacity: 1;\n stroke-dasharray: 6 5;\n}\n\n.line.highlighted {\n stroke-opacity: 1;\n stroke-width: 4;\n}\n\n.line.faded {\n stroke-opacity: 0.15;\n}\n\n.line:focus,\n.line:hover {\n stroke: #3498db;\n stroke-opacity: 1;\n stroke-width: 4;\n stroke-dasharray: 15 5 2 5;\n outline: none;\n}\n\n.conn-list {\n max-width: 780px;\n margin: 0 auto 1rem;\n padding: 10px 14px;\n background: var(--background, #ffffff);\n border: 1px solid var(--componentBorderColor, #cccccc);\n border-radius: 8px;\n font-size: 0.9rem;\n}\n\n.conn-entry {\n margin: 4px 0;\n}\n\n.conn-empty {\n font-style: italic;\n opacity: 0.75;\n}\n\n.match-results {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.match-score-badge {\n font-weight: bold;\n padding: 2px 12px;\n border-radius: 999px;\n border: 1px solid var(--parsonsIncorrectBorderColor, #f2b6b6);\n background: var(--parsonsIncorrectBgColor, #f2dede);\n}\n\n.match-score-badge.match-score-perfect {\n border-color: var(--parsonsCorrectBorderColor, #ade595);\n background: var(--parsonsCorrectBgColor, #dff0d8);\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 button {\n display: inline-block;\n margin: 0;\n font-size: 1rem;\n padding: 8px 16px;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: background 0.2s ease-in-out;\n}\n\n.control-div .help-button {\n background: #2c3e50;\n color: #ecf0f1;\n width: 36px;\n height: 36px;\n padding: 0;\n border-radius: 50%;\n font-size: 1.2rem;\n line-height: 36px;\n text-align: center;\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 background-color: var(--questionBgColor);\n padding: 1rem 1.5rem;\n border-radius: 8px;\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}\n\n@media (max-width: 600px) {\n .left-column,\n .right-column {\n flex-basis: 42%;\n }\n}\n","// ***********************************************************************************\n// |docname| - The single, authoritative home for global CSS custom properties\n// ***********************************************************************************\n// Everything under ``bases/rsptx/interactives/runestone`` should rely on the\n// variables defined here rather than redefining them. Global theme colors and\n// layout widths live in the ``:root`` block; the two dark-mode variants\n// (``:root.dark-mode`` toggled by our theme JS, and ``[data-theme=\"dark\"]`` used\n// by PreTeXt) override them.\n//\n// Component-specific variables (e.g. ``--ac-*`` for activecode, ``--clickable*``\n// for clickableArea) stay in their component CSS. The ``--draggable*`` family\n// below is the exception: it is shared by both dragndrop and matching, so it is\n// kept here.\n//\n// This file is imported at the top level (not nested inside a selector) so the\n// ``:root`` rules resolve globally.\n\n:root {\n // --- Global theme (light) ---\n --background: #ffffff;\n --outerBackground: #eeeeee;\n --links: #0645ad;\n --bodyFont: var(--body-text-color, #000000);\n --tooltip: #ffffff;\n --grayToWhite: #333333;\n --dropdownBg: #ffffff;\n --dropdownHoverBg: #f5f5f5;\n --navbar: #f8f8f8;\n --navbarFont: #707070;\n --navbarFontHover: #000000;\n --alerts: #d9edf7;\n --completionButton: #f19711;\n --completionButtonHover: #ff9f19;\n --completionButtonText: #000000;\n --admonition: #fcf8e3;\n --admonitionBorder: #fbeed5;\n --codeButtons: #474949;\n --codeButtonsBorder: #474949;\n --dangerAlerts: #f2dede;\n --successAlerts: #dff0d8;\n --contentWidthRegular: 660px;\n --contentWidthWide: 1060px;\n --componentBgColor: #f0f8ff;\n --componentBorderColor: #000000;\n --questionBgColor: #e1efff;\n --parsonsBgColor: #ffa;\n --parsonsBorderColor: #ee0;\n --parsonsCorrectBgColor: #dff0d8;\n --parsonsCorrectBorderColor: #ade595;\n --parsonsIncorrectBgColor: #f2dede;\n --parsonsIncorrectBorderColor: #f2b6b6;\n\n // --- Shared drag/drop + matching ---\n --draggableBgColor: #EFEFEF;\n --dropableBgColor: #DDDDDD;\n --draggableIncorrectBorder: red;\n --draggableIncorrectBg: #f2dede;\n --dragLineColor: #000000;\n --boxBorderColor: #000000;\n}\n\n:root.dark-mode {\n --background: #2c2f33;\n --outerBackground: #23272a;\n --links: #7289da;\n --bodyFont: var(--body-text-color, #99aab5);\n --tooltip: #000000;\n --grayToWhite: #e1e1e1; /* AA compliant against known backgrounds */\n --navbar: #3d3d3d;\n --navbarFont: #ffffff;\n --navbarFontHover: #d6d6d6;\n --alerts: #714082;\n --completionButton: #650087;\n --completionButtonHover: #560073;\n --completionButtonText: #ffffff;\n --admonition: #3d3d3d;\n --admonitionBorder: #262626;\n --codeButtons: #67739d;\n --codeButtonsBorder: #ffffff;\n --dangerAlerts: #8c2626;\n --successAlerts: #217300;\n --componentBgColor: var(--rs-component-bg, var(--knowl-background, #07467d));\n --componentBorderColor: var(--rs-component-border, var(--knowl-border-color, #939090));\n --questionBgColor: var(--rs-component-bg, var(--knowl-nested-1-background, #0f5a9b));\n --parsonsBgColor: rgb(232, 232, 178);\n --parsonsBorderColor: rgb(168, 168, 45);\n --parsonsCorrectBgColor: #a3c097;\n --parsonsCorrectBorderColor: #60904c;\n --parsonsIncorrectBgColor: #ae9090;\n --parsonsIncorrectBorderColor: #c16b6b;\n\n // --- Shared drag/drop + matching ---\n --draggableBgColor: #393434;\n --dropableBgColor: #2a2d30;\n --draggableIncorrectBorder: red;\n --draggableIncorrectBg: #6d2d2d;\n --dragLineColor: #ffffff;\n --boxBorderColor: #ffffff;\n}\n\n[data-theme=\"dark\"] {\n --background: #2c2f33;\n --outerBackground: #23272a;\n --links: #7289da;\n --bodyFont: #99aab5;\n --tooltip: #000000;\n --grayToWhite: #ffffff;\n --dropdownBg: #1a1a1a;\n --dropdownHoverBg: #333333;\n --navbar: #3d3d3d;\n --navbarFont: #ffffff;\n --navbarFontHover: #d6d6d6;\n --alerts: #714082;\n --completionButton: #650087;\n --completionButtonHover: #560073;\n --completionButtonText: #ffffff;\n --admonition: #3d3d3d;\n --admonitionBorder: #262626;\n --codeButtons: #7289da;\n --codeButtonsBorder: #ffffff;\n --dangerAlerts: #8c2626;\n --successAlerts: #217300;\n --componentBgColor: #07467d;\n --componentBorderColor: #939090;\n --questionBgColor: rgb(23, 85, 93);\n\n // --- Shared drag/drop + matching ---\n --draggableBgColor: #393434;\n --dropableBgColor: #2a2d30;\n --draggableIncorrectBorder: red;\n --draggableIncorrectBg: #6d2d2d;\n --dragLineColor: #ffffff;\n --boxBorderColor: #ffffff;\n}\n"],"names":[],"sourceRoot":""} |