design: first impl of logo, still with glitch
This commit is contained in:
27 files changed
+319
-23
No files matched your search
@@ -144,20 +144,14 @@
|
||||
gap: 10px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
/* The live pixel-S logo renders its own self-contained SVG; this just reserves
|
||||
its 28px slot and lets the animation's glitch/datamosh spill past the edges. */
|
||||
.brand-mark {
|
||||
display: block;
|
||||
flex-shrink: 0;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 7px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
background: var(--accent);
|
||||
font-family: var(--font-display);
|
||||
font-size: 20px;
|
||||
letter-spacing: 0.02em;
|
||||
color: white;
|
||||
box-shadow:
|
||||
0 6px 20px -6px color-mix(in srgb, var(--accent) 60%, black),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.22);
|
||||
overflow: visible;
|
||||
}
|
||||
.brand-name {
|
||||
font-weight: 700;
|
||||
|
||||
Reference in new issue
Block a user