Skip to content

Commit 76d6e1b

Browse files
Glazlkclaude
andcommitted
fix(landing): mobile knowledge grid borders, update orange to #F64F11
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 57ceaf4 commit 76d6e1b

1 file changed

Lines changed: 8 additions & 5 deletions

File tree

deploy/landing/index.html

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<link rel="preconnect" href="https://fonts.googleapis.com">
99
<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">
1010
<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}
1212
*{box-sizing:border-box;margin:0;padding:0}
1313
html,body{height:100%;overflow:hidden}
1414
body{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}
@@ -149,13 +149,13 @@
149149
.pkg-n{padding:0 16px;height:36px;font-size:12px;letter-spacing:1px;border-right:1px solid var(--rule)}
150150
.pkg-d{padding:0 16px;height:36px;font-size:13px}
151151

152-
/* knowledge bar */
152+
/* knowledge bar — reset all desktop nth-child rules */
153153
.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}
154154
.mid-bar{grid-column:unset;grid-row:unset;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule)}
155155
.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}
159159
.mid-val{font-size:14px;margin-bottom:2px}
160160

161161
/* footer */
@@ -185,7 +185,10 @@
185185

186186
.mid-title{padding:10px 16px;font-size:11px;letter-spacing:2px}
187187
.mid-bar{grid-template-columns:repeat(2,1fr)}
188+
/* reset tablet nth-child rules then apply 2-col */
188189
.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)}
189192
.mid-cell:nth-child(2n){border-right:none}
190193
.mid-cell:nth-child(5),.mid-cell:nth-child(6){border-bottom:none}
191194
.mid-val{font-size:13px}

0 commit comments

Comments
 (0)