johan
/
inou
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: rename claditor-logo.css → clavitor-logo.css and fix class names (typo: claditor → clavitor)

This commit is contained in:
James 2026-03-29 07:02:09 -04:00
parent 257a021669
commit a55271f863
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
portal/static/claditor-logo.css → portal/static/clavitor-logo.css
View File

@ -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 { :root {
--claditor-amber: #B45309; --clavitor-amber: #B45309;
--claditor-dark: #1A1A1A; --clavitor-dark: #1A1A1A;
--claditor-light: #F8F7F6; --clavitor-light: #F8F7F6;
} }
/* 1. Default — confident, tight, bold */ /* 1. Default — confident, tight, bold */
.claditor-logo { .clavitor-logo {
font-family: 'Sora', system-ui, sans-serif; font-family: 'Sora', system-ui, sans-serif;
font-weight: 700; font-weight: 700;
letter-spacing: -0.03em; letter-spacing: -0.03em;
color: var(--claditor-amber); color: var(--clavitor-amber);
} }
/* 2. Editorial — airy, spaced, light */ /* 2. Editorial — airy, spaced, light */
.claditor-logo.editorial { .clavitor-logo.editorial {
font-weight: 300; font-weight: 300;
letter-spacing: 0.08em; letter-spacing: 0.08em;
text-transform: lowercase; text-transform: lowercase;
color: var(--claditor-dark); color: var(--clavitor-dark);
} }
/* 3. Heavy impact — extra bold, letter-spaced */ /* 3. Heavy impact — extra bold, letter-spaced */
.claditor-logo.heavy { .clavitor-logo.heavy {
font-weight: 800; font-weight: 800;
letter-spacing: 0.02em; letter-spacing: 0.02em;
text-transform: uppercase; text-transform: uppercase;
color: var(--claditor-dark); color: var(--clavitor-dark);
} }
/* 4. Inverted — white on dark */ /* 4. Inverted — white on dark */
.claditor-logo.inverted { .clavitor-logo.inverted {
font-weight: 700; font-weight: 700;
letter-spacing: -0.02em; letter-spacing: -0.02em;
color: white; color: white;
@ -39,51 +39,51 @@
} }
/* 5. Gradient sweep */ /* 5. Gradient sweep */
.claditor-logo.gradient { .clavitor-logo.gradient {
font-weight: 700; font-weight: 700;
letter-spacing: -0.02em; 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-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
} }
/* 6. Weight-shifted — letters get heavier toward the end */ /* 6. Weight-shifted — letters get heavier toward the end */
.claditor-logo.shifted { .clavitor-logo.shifted {
font-weight: 400; font-weight: 400;
letter-spacing: -0.02em; 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 */ /* 7. Small-caps with bold first letter */
.claditor-logo.smallcaps { .clavitor-logo.smallcaps {
font-variant: small-caps; font-variant: small-caps;
font-weight: 600; font-weight: 600;
letter-spacing: 0.05em; letter-spacing: 0.05em;
text-transform: lowercase; text-transform: lowercase;
} }
.claditor-logo.smallcaps::first-letter { .clavitor-logo.smallcaps::first-letter {
font-weight: 800; font-weight: 800;
font-variant: normal; font-variant: normal;
} }
/* 8. Minimal — light, tight, subtle */ /* 8. Minimal — light, tight, subtle */
.claditor-logo.minimal { .clavitor-logo.minimal {
font-weight: 300; font-weight: 300;
letter-spacing: -0.04em; letter-spacing: -0.04em;
opacity: 0.85; opacity: 0.85;
color: var(--claditor-dark); color: var(--clavitor-dark);
} }
/* 9. Hover lift (for links/buttons) */ /* 9. Hover lift (for links/buttons) */
.claditor-logo.interactive { .clavitor-logo.interactive {
font-weight: 700; font-weight: 700;
letter-spacing: -0.03em; letter-spacing: -0.03em;
color: var(--claditor-amber); color: var(--clavitor-amber);
transition: transform 0.15s ease, color 0.15s ease; transition: transform 0.15s ease, color 0.15s ease;
display: inline-block; display: inline-block;
} }
.claditor-logo.interactive:hover { .clavitor-logo.interactive:hover {
transform: translateY(-1px); transform: translateY(-1px);
color: #9A4507; color: #9A4507;
} }