|
8 | 8 | <link rel="preconnect" href="https://fonts.googleapis.com"> |
9 | 9 | <link href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400;500;700;800;900&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet"> |
10 | 10 | <style> |
11 | | -:root{--ink:#060604;--paper:#FFF0E8;--orange:#F06828;--orange-glow:#FF6600;--rule:#2A2720;--dim:#C8BAA8;--mono:'JetBrains Mono',monospace;--sans:'Lexend Deca',sans-serif;--row-h:1.875vw} |
| 11 | +:root{--ink:#060604;--paper:#FFF0E8;--orange:#F64F11;--orange-glow:#FF6600;--rule:#2A2720;--dim:#C8BAA8;--mono:'JetBrains Mono',monospace;--sans:'Lexend Deca',sans-serif;--row-h:1.875vw} |
12 | 12 | *{box-sizing:border-box;margin:0;padding:0} |
13 | 13 | html,body{height:100%;overflow:hidden} |
14 | 14 | body{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden} |
|
149 | 149 | .pkg-n{padding:0 16px;height:36px;font-size:12px;letter-spacing:1px;border-right:1px solid var(--rule)} |
150 | 150 | .pkg-d{padding:0 16px;height:36px;font-size:13px} |
151 | 151 |
|
152 | | - /* knowledge bar */ |
| 152 | + /* knowledge bar — reset all desktop nth-child rules */ |
153 | 153 | .mid-title{grid-column:unset;grid-row:unset;padding:12px 20px;font-size:12px;letter-spacing:3px;border-top:1px solid var(--rule);border-bottom:none} |
154 | 154 | .mid-bar{grid-column:unset;grid-row:unset;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule)} |
155 | 155 | .mid-cell{padding:12px 16px;font-size:11px;letter-spacing:1px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)} |
156 | | - .mid-cell:nth-child(3){border-right:none} |
157 | | - .mid-cell:nth-child(6){border-right:none} |
158 | | - .mid-cell:nth-child(4),.mid-cell:nth-child(5),.mid-cell:nth-child(6){border-bottom:none} |
| 156 | + .mid-cell:last-child{border-right:1px solid var(--rule)} |
| 157 | + .mid-cell:nth-child(3n){border-right:none} |
| 158 | + .mid-cell:nth-child(n+4){border-bottom:none} |
159 | 159 | .mid-val{font-size:14px;margin-bottom:2px} |
160 | 160 |
|
161 | 161 | /* footer */ |
|
185 | 185 |
|
186 | 186 | .mid-title{padding:10px 16px;font-size:11px;letter-spacing:2px} |
187 | 187 | .mid-bar{grid-template-columns:repeat(2,1fr)} |
| 188 | + /* reset tablet nth-child rules then apply 2-col */ |
188 | 189 | .mid-cell{padding:10px 12px;font-size:10px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)} |
| 190 | + .mid-cell:nth-child(3n){border-right:1px solid var(--rule)} |
| 191 | + .mid-cell:nth-child(n+4){border-bottom:1px solid var(--rule)} |
189 | 192 | .mid-cell:nth-child(2n){border-right:none} |
190 | 193 | .mid-cell:nth-child(5),.mid-cell:nth-child(6){border-bottom:none} |
191 | 194 | .mid-val{font-size:13px} |
|
0 commit comments