|
|
| Line 1: |
Line 1: |
| /* ScotMesh brand — wiki.scotmesh.net. Palette & type: github.com/ScotMesh/branding */ | | /* ScotMesh content styles. Core brand (colours/fonts/cards) is render-blocking in LocalSettings. */ |
| @font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url("/images/brand-fonts/ibm-plex-mono-400.woff2") format("woff2")}
| | .sm-cx{border-radius:6px;padding:.15rem 1rem;margin:1rem 0;border-left:4px solid #22324D;background:#101C30} |
| @font-face{font-family:"IBM Plex Mono";font-weight:600;font-style:normal;font-display:swap;src:url("/images/brand-fonts/ibm-plex-mono-600.woff2") format("woff2")}
| | .sm-cx-info{border-left-color:#005EB8} |
| @font-face{font-family:"IBM Plex Sans Condensed";font-weight:400;font-style:normal;font-display:swap;src:url("/images/brand-fonts/ibm-plex-sans-condensed-400.woff2") format("woff2")}
| | .sm-cx-warning{border-left-color:#F2B33D} |
| @font-face{font-family:"IBM Plex Sans Condensed";font-weight:600;font-style:normal;font-display:swap;src:url("/images/brand-fonts/ibm-plex-sans-condensed-600.woff2") format("woff2")}
| | .sm-cx-success{border-left-color:#65C281} |
| | | .sm-cx > :first-child{margin-top:.65rem} |
| :root{
| | .sm-cx > :last-child{margin-bottom:.65rem} |
| --sm-night:#0A1424;--sm-card:#101C30;--sm-well:#0C1729;--sm-line:#22324D;
| |
| --sm-mist:#E6EDF7;--sm-muted:#8FA2BD;--sm-saltire:#005EB8;--sm-link:#7FB2EE;--sm-signal:#F2B33D;
| |
| --sm-meshcore:#56B4F5;--sm-meshtastic:#65C281;
| |
| --sm-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
| |
| --sm-sans:"IBM Plex Sans Condensed","Roboto Condensed","Arial Narrow",system-ui,sans-serif;
| |
| /* nudge Citizen's own tokens */
| |
| --font-family-base:var(--sm-sans);
| |
| --font-family-sans:var(--sm-sans);
| |
| --font-family-monospace:var(--sm-mono);
| |
| } | |
| body,.mw-body,.citizen-body,.mw-parser-output,.mw-content-container{font-family:var(--sm-sans)}
| |
| h1,h2,h3,h4,.mw-page-title-main,.mw-headline,.citizen-header__sitename{font-family:var(--sm-mono);letter-spacing:-.02em}
| |
| | |
| /* Two-section landing */
| |
| .sm-tagline{font-family:var(--sm-mono);font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sm-muted);margin:.2rem 0 1rem} | |
| .sm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.5rem 0} | |
| .sm-card{border:1px solid var(--sm-line);border-top:3px solid var(--sm-accent,var(--sm-saltire));border-radius:8px;background:var(--sm-card);padding:1rem 1.3rem 1.3rem}
| |
| .sm-card.meshcore{--sm-accent:var(--sm-meshcore)} | |
| .sm-card.meshtastic{--sm-accent:var(--sm-meshtastic)}
| |
| .sm-card h2{border:0;margin:.3rem 0 .4rem;font-size:1.35rem}
| |
| .sm-card h2 a{color:var(--sm-mist)} | |
| .sm-card p{color:var(--sm-muted);margin:.2rem 0 0}
| |
/* ScotMesh content styles. Core brand (colours/fonts/cards) is render-blocking in LocalSettings. */
.sm-cx{border-radius:6px;padding:.15rem 1rem;margin:1rem 0;border-left:4px solid #22324D;background:#101C30}
.sm-cx-info{border-left-color:#005EB8}
.sm-cx-warning{border-left-color:#F2B33D}
.sm-cx-success{border-left-color:#65C281}
.sm-cx > :first-child{margin-top:.65rem}
.sm-cx > :last-child{margin-bottom:.65rem}
