Marcos Paulo
64b506aa32
- Imported tokens.css directly into BaseLayout.astro. - Removed legacy :root variable definitions from chapters.css, skills-review/styles.css, rules/styles.css, and styles.css. - Added self-hosted --font-sans and --font-mono to tokens.css and updated legacy font stacks. - Removed base.css. - Added a build-output check in check-tokens.mjs to ensure the token layer is loaded in dist html files.
27 lines
1.7 KiB
CSS
27 lines
1.7 KiB
CSS
/* Responsive audit overrides: preserve the information, not a desktop-width table. */
|
|
@media(max-width:800px){
|
|
.skills>pre,.install-skills,.prompt-card,.verify-card{min-width:0;max-width:100%}
|
|
.skills>pre code,.install-skills code,.prompt-card code,.verify-card-source span{overflow-wrap:anywhere;word-break:break-word}
|
|
.hero-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
|
|
.hero-stats div,.hero-stats p{min-width:0}
|
|
.handoff,.route-table{overflow:visible}
|
|
.handoff table{min-width:0;table-layout:fixed}
|
|
.handoff th,.handoff td{overflow-wrap:anywhere}
|
|
.route-table>div,.route-table button{min-width:0;grid-template-columns:minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.4fr)}
|
|
.route-table>div>* ,.route-table button>*{min-width:0;overflow-wrap:anywhere}
|
|
}
|
|
@media(max-width:420px){
|
|
.handoff table,.handoff thead,.handoff tbody,.handoff tr,.handoff th,.handoff td{display:block;width:100%}
|
|
.handoff thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
|
|
.handoff tbody tr{padding:14px 0;border-bottom:1px solid var(--line)}
|
|
.handoff th,.handoff td{padding:4px 0;border:0}
|
|
.handoff td::before{display:block;margin-top:7px;color:var(--blue);font:600 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
|
|
.handoff td:nth-child(2)::before{content:'Contains'}
|
|
.handoff td:nth-child(3)::before{content:'Why it matters'}
|
|
.route-table .head{display:none}
|
|
.route-table button{display:grid;grid-template-columns:1fr;gap:0}
|
|
.route-table button>*{padding:10px 12px;border-right:0}
|
|
.route-table button b::before{content:'Profile · ';color:var(--muted)}
|
|
}
|
|
@media(prefers-reduced-motion:reduce){.hero-stats,.handoff,.route-table{scroll-behavior:auto}}
|