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 {
--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;
}