79 lines
1.6 KiB
CSS
79 lines
1.6 KiB
CSS
/* Shared Levkin logo styles — ink inherits from parent color */
|
|
.logo-levkin {
|
|
display: block;
|
|
width: 300px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
color: var(--logo-fg, #1a1a18);
|
|
overflow: visible;
|
|
}
|
|
|
|
.logo-levkin .logo-title {
|
|
font-family: Literata, Georgia, 'Times New Roman', serif;
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
letter-spacing: 0.02em;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.logo-levkin .logo-tagline {
|
|
font-family: 'IBM Plex Mono', ui-monospace, monospace;
|
|
font-size: 9.5px;
|
|
font-weight: 400;
|
|
letter-spacing: 0.01em;
|
|
fill: currentColor;
|
|
opacity: 0.72;
|
|
}
|
|
|
|
.logo-levkin .logo-brace {
|
|
font-family: 'IBM Plex Mono', ui-monospace, monospace;
|
|
font-size: 26px;
|
|
font-weight: 400;
|
|
letter-spacing: 0;
|
|
fill: currentColor;
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.logo-levkin .logo-eyebrow {
|
|
font-family: 'IBM Plex Mono', ui-monospace, monospace;
|
|
font-size: 7.5px;
|
|
font-weight: 500;
|
|
letter-spacing: 0.14em;
|
|
text-transform: uppercase;
|
|
fill: currentColor;
|
|
opacity: 0.55;
|
|
}
|
|
|
|
.logo-levkin .logo-rule {
|
|
stroke: currentColor;
|
|
stroke-width: 1;
|
|
opacity: 0.35;
|
|
}
|
|
|
|
.logo-levkin .logo-mark {
|
|
fill: none;
|
|
stroke: currentColor;
|
|
stroke-width: 1.6;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
}
|
|
|
|
.logo-levkin .logo-mark circle {
|
|
fill: currentColor;
|
|
stroke: none;
|
|
}
|
|
|
|
/* Text inside a mark group must not inherit fill:none */
|
|
.logo-levkin .logo-mark text,
|
|
.logo-levkin .logo-mono {
|
|
fill: currentColor;
|
|
stroke: none;
|
|
font-family: 'IBM Plex Mono', ui-monospace, monospace;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.logo-levkin.logo-levkin--responsive .logo-tagline {
|
|
display: none;
|
|
}
|
|
}
|