mirror of
https://github.com/profullstack/logicsrc.git
synced 2026-08-14 14:57:28 +00:00
Add OpenSpec comparison and compatibility mode
This commit is contained in:
parent
3b3d7ec09a
commit
1aa67367b8
6 changed files with 156 additions and 1 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue