Something went wrong. Try again.
This repository has no description
Something went wrong. Try again.
6.9 kB · 76 lines
CSS
at master
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677.study-mermaid { padding: 20px; overflow-x: auto; text-align: center; color: var(--ink); background: var(--paper); }.study-mermaid svg { display: block; width: 100%; max-width: 100%; height: auto; margin-inline: auto; }.study-block-status { color: var(--muted); font-size: 12px; }.study-block-error { color: var(--ink); font-size: 13px; }.study-block-error pre { max-height: 320px; overflow: auto; text-align: left; }.study-exercise, .study-callout, .study-address-translation { margin: 0; padding: 20px; color: var(--ink); background: var(--paper); font-family: Inter, sans-serif; font-size: 14px; line-height: 1.6; }.study-exercise > header > span { color: var(--green); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }.study-exercise h3 { margin: 4px 0 14px; font-size: 20px; line-height: 1.3; }.study-exercise-answer { display: grid; gap: 10px; margin: 18px 0; }.study-exercise-answer label { display: grid; gap: 6px; font-size: 12px; font-weight: 600; }.study-exercise-answer textarea { width: 100%; min-height: 100px; resize: vertical; background: var(--paper-pure); border: 1px solid var(--line); color: var(--ink); font: 14px/1.6 Inter, sans-serif; }.study-exercise-answer > button { justify-self: start; }.study-exercise button, .study-address-translation button { min-height: 32px; padding: 5px 10px; background: var(--paper-pure); color: var(--ink); border: 1px solid var(--line); border-radius: 4px; font-size: 12px; }.study-exercise button:hover, .study-address-translation button:hover { background: var(--green-soft); border-color: var(--green); }.study-exercise button:disabled { opacity: .5; cursor: default; }.study-exercise button:focus-visible, .study-address-translation button:focus-visible, .study-disclosure summary:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }.study-disclosure { border-top: 1px solid var(--line); }.study-disclosure summary { display: flex; align-items: center; gap: 9px; padding: 12px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 600; }.study-disclosure summary::-webkit-details-marker { display: none; }.study-disclosure summary svg { width: 15px; height: 15px; color: var(--green); }.study-disclosure summary svg:last-child { margin-left: auto; }.study-disclosure[open] summary svg:last-child { transform: rotate(180deg); }.study-disclosure > div { padding-bottom: 12px; }.study-exercise-review, .study-rating { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.study-exercise-review { margin: 16px 0 12px; }.study-exercise .study-exercise-export { display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; color: var(--muted); background: transparent; }.study-exercise-export svg { width: 14px; height: 14px; }.study-callout { border-left: 3px solid var(--green); }.study-callout-warning { border-left-color: var(--muted); }.study-callout h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 14px; }.study-callout h4 svg { width: 17px; height: 17px; color: var(--green); }.study-address-translation h4 { margin: 0 0 18px; font-size: 15px; }.study-address-controls { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 20px; }.study-address-controls label { display: grid; gap: 7px; font-size: 12px; }.study-address-controls input[type="number"] { width: 100%; background: var(--paper-pure); border: 1px solid var(--line); }.study-address-controls input[type="range"] { width: 100%; accent-color: var(--green); }.study-address-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin-block: 20px; }.study-address-parts { display: flex; flex-wrap: wrap; gap: 12px; align-content: start; }.study-address-parts > span { display: grid; color: var(--muted); font-size: 11px; }.study-address-parts strong { color: var(--ink); font-size: 24px; }.study-address-parts small { flex-basis: 100%; color: var(--muted); font-size: 11px; }.study-page-table > div, .study-page-table > button { display: flex; width: 100%; justify-content: space-between; gap: 8px; }.study-page-table > div { padding: 4px 8px; font-size: 11px; color: var(--muted); }.study-page-table > button { border-radius: 0; border-bottom-width: 0; }.study-page-table > button:last-child { border-bottom-width: 1px; }.study-page-table > button[aria-pressed="true"] { background: var(--green-soft); color: var(--green); }.study-physical-address { display: grid; gap: 7px; align-content: start; }.study-physical-address > span { font-size: 11px; color: var(--muted); }.study-physical-address strong { font-size: 23px; line-height: 1.3; overflow-wrap: anywhere; }.study-physical-address small, .study-address-translation figcaption { font-size: 11px; color: var(--muted); }.tiptap .code-window.study-code-window { background: var(--paper); border-color: var(--line); box-shadow: none; }.study-code-window .code-window-header { background: var(--green-soft); color: var(--ink); border-bottom-color: var(--line); }.study-code-window .code-window-language { color: var(--ink-soft); }.tiptap .code-window.collapsed .study-code-preview { display: none; }.tiptap .code-window.expanded .study-code-preview { min-height: 240px; }.tiptap .code-window-source-hidden { display: none; }.study-image-node { margin: 22px 0; }.study-image-node img { max-width: 100%; margin: 0 auto; }.study-image-node.ProseMirror-selectednode img { outline: 2px solid var(--green); outline-offset: 2px; }.tiptap .forge-table-wrap { max-width: 100%; overflow-x: auto; margin: 20px 0; }.tiptap table.forge-table { border-collapse: collapse; width: 100%; table-layout: fixed; }.tiptap .forge-table :is(td, th) { position: relative; min-width: 70px; padding: 8px 12px; border: 1px solid var(--line); vertical-align: top; text-align: left; }.tiptap .forge-table th { background: var(--green-soft); font-weight: 600; }.tiptap .forge-table :is(td, th) > p:first-child { margin-top: 0; }.tiptap .forge-table :is(td, th) > p:last-child { margin-bottom: 0; }.tiptap .forge-table .selectedCell::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: var(--green-soft); opacity: .6; }.editor-study-selection { display: flex; gap: 4px; max-width: calc(100% - 16px); padding: 4px; }.editor-study-selection button { display: inline-flex; align-items: center; gap: 5px; min-height: 28px; padding: 0 7px; color: inherit; background: transparent; font-size: 12px; }.editor-study-selection button:hover { background: rgba(255,255,255,.12); }.editor-study-selection svg { width: 13px; height: 13px; }@media (max-width: 600px) { .study-exercise, .study-callout, .study-address-translation { padding: 14px; } .study-address-grid { grid-template-columns: 1fr 1fr; } .study-physical-address { grid-column: 1 / -1; } .study-address-controls { grid-template-columns: 1fr; gap: 12px; }}