Files
sendou.ink/app/components/SiteLogoMark.module.css
2026-11-03 19:21:29 +02:00

28 lines
551 B
CSS

/* the site nav's S.ink logo; em-sized so the same mark scales from the header
avatar slot down to the entry icons */
.logo {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 2.5em;
height: 2.25em;
background-color: var(--color-fill-accent);
border-radius: var(--radius-field);
font-weight: var(--weight-bold);
color: var(--color-fg-on-accent);
line-height: 1;
}
.logoS {
position: relative;
top: -0.25em;
font-size: 0.875em;
}
.logoInk {
position: relative;
bottom: -0.25em;
font-size: 0.75em;
}