ctao/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: ctao.org-inspired pill buttons + larger radius; reorder: ERIC Council featured, test article second

Browse Source
This commit is contained in:
ctao
2026-07-24 22:14:20 +02:00
parent 02f30af010
commit 7c949bbb3c
3 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.css
+7 -5
View File
@@ -21,7 +21,9 @@
/* Type & layout */
--font-body: "Inter", Arial, system-ui, sans-serif; /* BRAND D.3.1 */
--font-display: "Space Grotesk", var(--font-body); /* BRAND D.3.2 — headlines only */
--radius: 10px;
/* ctao.org uses generous rounding (15/30/60px tokens) and pill buttons */
--radius: 16px;
--radius-pill: 999px;
--maxw: 1120px;
}
@@ -82,14 +84,14 @@ img { max-width: 100%; height: auto; display: block; }
.nav a.navlink:hover { color: #fff; }
.nav a.navlink[aria-current="page"] { color: #fff; border-bottom-color: var(--cherenkov); }
.nav a.navlink--edit {
color: #fff; border: 1px solid rgba(255,255,255,0.35); border-radius: var(--radius);
padding: 7px 14px; margin-left: 6px;
color: #fff; border: 1px solid rgba(255,255,255,0.35); border-radius: var(--radius-pill);
padding: 7px 16px; margin-left: 6px;
}
.nav a.navlink--edit:hover { border-color: var(--cherenkov); color: var(--cherenkov); }
/* AAI login placeholder — visibly disabled (mock) */
.nav .login-mock {
color: var(--galaxy); background: var(--cherenkov); font: inherit; font-weight: 600;
border: 0; border-radius: var(--radius); padding: 8px 16px; margin-left: 6px; cursor: not-allowed;
border: 0; border-radius: var(--radius-pill); padding: 8px 18px; margin-left: 6px; cursor: not-allowed;
}
.external::after { content: " ↗"; font-size: 0.85em; }
@@ -194,7 +196,7 @@ img { max-width: 100%; height: auto; display: block; }
.form-row input:focus, .form-row select:focus, .form-row textarea:focus { border-color: var(--azure); }
.btn {
background: var(--cherenkov); color: var(--galaxy); border: 0;
padding: 12px 20px; border-radius: calc(var(--radius) - 4px);
padding: 12px 24px; border-radius: var(--radius-pill);
font: inherit; font-weight: 600; cursor: pointer;
}
.btn:hover { filter: brightness(0.92); }