eomsangdonandClaude Sonnet 5
c4a5087fb1
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01PAdA5ThqmtVSsbzjusk1cJ
47 lines
883 B
CSS
47 lines
883 B
CSS
/* M01 로직 개선 시험 — 텍스트 수식 두 칸(왼쪽 이름 식 · 오른쪽 값 식) */
|
|
.m01lab-fx {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
|
column-gap: var(--spacing-12);
|
|
min-width: 0;
|
|
}
|
|
|
|
.m01lab-fx__head,
|
|
.m01lab-fx__row {
|
|
display: grid;
|
|
grid-template-columns: subgrid;
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.m01lab-fx__head {
|
|
padding-bottom: var(--spacing-4);
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
|
|
.m01lab-fx__wide {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.m01lab-fx__row {
|
|
cursor: pointer;
|
|
border-radius: var(--radius-lg);
|
|
}
|
|
|
|
.m01lab-fx__row.is-on,
|
|
.m01lab-fx__row.is-pin {
|
|
background: color-mix(in srgb, gold 35%, transparent);
|
|
}
|
|
|
|
.m01lab-fx__cell {
|
|
min-width: 0;
|
|
padding: var(--spacing-4);
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.m01lab-fx,
|
|
.m01lab-fx__head,
|
|
.m01lab-fx__row {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
}
|