From a55271f863d8f473075eef56be7b2e2f2939f991 Mon Sep 17 00:00:00 2001 From: James Date: Sun, 29 Mar 2026 07:02:09 -0400 Subject: [PATCH] =?UTF-8?q?fix:=20rename=20claditor-logo.css=20=E2=86=92?= =?UTF-8?q?=20clavitor-logo.css=20and=20fix=20class=20names=20(typo:=20cla?= =?UTF-8?q?ditor=20=E2=86=92=20clavitor)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../{claditor-logo.css => clavitor-logo.css} | 44 +++++++++---------- 1 file changed, 22 insertions(+), 22 deletions(-) rename portal/static/{claditor-logo.css => clavitor-logo.css} (65%) diff --git a/portal/static/claditor-logo.css b/portal/static/clavitor-logo.css similarity index 65% rename from portal/static/claditor-logo.css rename to portal/static/clavitor-logo.css index 7edae5f..1fba87e 100644 --- a/portal/static/claditor-logo.css +++ b/portal/static/clavitor-logo.css @@ -1,37 +1,37 @@ -/* Claditor logo treatments — all use Sora from inou's font stack */ +/* Clavitor logo treatments — all use Sora from inou's font stack */ :root { - --claditor-amber: #B45309; - --claditor-dark: #1A1A1A; - --claditor-light: #F8F7F6; + --clavitor-amber: #B45309; + --clavitor-dark: #1A1A1A; + --clavitor-light: #F8F7F6; } /* 1. Default — confident, tight, bold */ -.claditor-logo { +.clavitor-logo { font-family: 'Sora', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.03em; - color: var(--claditor-amber); + color: var(--clavitor-amber); } /* 2. Editorial — airy, spaced, light */ -.claditor-logo.editorial { +.clavitor-logo.editorial { font-weight: 300; letter-spacing: 0.08em; text-transform: lowercase; - color: var(--claditor-dark); + color: var(--clavitor-dark); } /* 3. Heavy impact — extra bold, letter-spaced */ -.claditor-logo.heavy { +.clavitor-logo.heavy { font-weight: 800; letter-spacing: 0.02em; text-transform: uppercase; - color: var(--claditor-dark); + color: var(--clavitor-dark); } /* 4. Inverted — white on dark */ -.claditor-logo.inverted { +.clavitor-logo.inverted { font-weight: 700; letter-spacing: -0.02em; color: white; @@ -39,51 +39,51 @@ } /* 5. Gradient sweep */ -.claditor-logo.gradient { +.clavitor-logo.gradient { font-weight: 700; letter-spacing: -0.02em; - background: linear-gradient(90deg, var(--claditor-amber), #FF8D46); + background: linear-gradient(90deg, var(--clavitor-amber), #FF8D46); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* 6. Weight-shifted — letters get heavier toward the end */ -.claditor-logo.shifted { +.clavitor-logo.shifted { font-weight: 400; letter-spacing: -0.02em; } -.claditor-logo.shifted span:last-child { font-weight: 800; } +.clavitor-logo.shifted span:last-child { font-weight: 800; } /* 7. Small-caps with bold first letter */ -.claditor-logo.smallcaps { +.clavitor-logo.smallcaps { font-variant: small-caps; font-weight: 600; letter-spacing: 0.05em; text-transform: lowercase; } -.claditor-logo.smallcaps::first-letter { +.clavitor-logo.smallcaps::first-letter { font-weight: 800; font-variant: normal; } /* 8. Minimal — light, tight, subtle */ -.claditor-logo.minimal { +.clavitor-logo.minimal { font-weight: 300; letter-spacing: -0.04em; opacity: 0.85; - color: var(--claditor-dark); + color: var(--clavitor-dark); } /* 9. Hover lift (for links/buttons) */ -.claditor-logo.interactive { +.clavitor-logo.interactive { font-weight: 700; letter-spacing: -0.03em; - color: var(--claditor-amber); + color: var(--clavitor-amber); transition: transform 0.15s ease, color 0.15s ease; display: inline-block; } -.claditor-logo.interactive:hover { +.clavitor-logo.interactive:hover { transform: translateY(-1px); color: #9A4507; }