34 lines
1.4 KiB
CSS
34 lines
1.4 KiB
CSS
:root {
|
|
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
color: var(--text);
|
|
background: var(--bg);
|
|
}
|
|
|
|
* { box-sizing: border-box; }
|
|
body { margin: 0; min-width: 320px; background: var(--bg); }
|
|
button, input, select, textarea { font: inherit; }
|
|
|
|
.conformance-root { min-height: 100vh; }
|
|
.conformance-section { display: grid; gap: 14px; padding-block: 20px; border-top: var(--border-line); }
|
|
.conformance-section:first-child { border-top: 0; }
|
|
.conformance-section > h2, .conformance-section h3 { margin: 0; color: var(--text-strong); }
|
|
.conformance-section p { margin-block: 0 12px; }
|
|
.conformance-section label { display: grid; gap: 5px; color: var(--text-label); font-size: 13px; font-weight: 700; }
|
|
.conformance-workspace { height: 430px; }
|
|
.conformance-definition { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); min-height: 330px; gap: 12px; }
|
|
.conformance-canvas { position: relative; min-height: 330px; overflow: hidden; }
|
|
|
|
@media (max-width: 760px) {
|
|
.conformance-definition { grid-template-columns: 1fr; }
|
|
.conformance-workspace { height: auto; min-height: 560px; }
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.conformance-root *, .conformance-root *::before, .conformance-root *::after {
|
|
scroll-behavior: auto !important;
|
|
transition-duration: .01ms !important;
|
|
animation-duration: .01ms !important;
|
|
animation-iteration-count: 1 !important;
|
|
}
|
|
}
|