Add OpenSpec comparison and compatibility mode

This commit is contained in:
Anthony Ettinger 2026-06-06 16:27:51 +00:00
parent 3b3d7ec09a
commit 1aa67367b8
6 changed files with 156 additions and 1 deletions

View file

@ -333,6 +333,47 @@ pre {
background: #f0c56a;
}
.compare-table {
display: grid;
overflow: hidden;
border: 1px solid #d6ddd2;
border-radius: 8px;
background: #ffffff;
}
.compare-row {
display: grid;
grid-template-columns: minmax(8rem, 0.6fr) repeat(2, minmax(0, 1fr));
border-top: 1px solid #e1e6dc;
}
.compare-row:first-child {
border-top: 0;
}
.compare-row > * {
margin: 0;
padding: 0.85rem;
border-left: 1px solid #e1e6dc;
line-height: 1.45;
}
.compare-row > *:first-child {
border-left: 0;
}
.compare-head {
background: #eef7f3;
}
.compare-row p {
color: #58615b;
}
.compare-note {
margin-top: 0.75rem;
}
@media (max-width: 980px) {
.primitive-grid,
.implementation-list {
@ -380,6 +421,19 @@ pre {
grid-template-columns: 1fr;
}
.compare-row {
grid-template-columns: 1fr;
}
.compare-row > * {
border-left: 0;
border-top: 1px solid #e1e6dc;
}
.compare-row > *:first-child {
border-top: 0;
}
h1 {
font-size: 2.4rem;
}