init elas atelier #1
@@ -202,6 +202,8 @@ export default function PostList({ posts: initialPosts, isAdmin = false }: Props
|
|||||||
<span>{formatYear(post.date)}</span>
|
<span>{formatYear(post.date)}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<PlateSigil />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
{post.tags && post.tags.length > 0 && (
|
{post.tags && post.tags.length > 0 && (
|
||||||
@@ -237,8 +239,6 @@ export default function PostList({ posts: initialPosts, isAdmin = false }: Props
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<PlateSigil />
|
|
||||||
</article>
|
</article>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|||||||
@@ -428,14 +428,14 @@ html.cybersigil body::after {
|
|||||||
stroke: color-mix(in srgb, var(--mauve) 68%, var(--sky));
|
stroke: color-mix(in srgb, var(--mauve) 68%, var(--sky));
|
||||||
filter: drop-shadow(0 0 4px color-mix(in srgb, var(--mauve) 55%, transparent));
|
filter: drop-shadow(0 0 4px color-mix(in srgb, var(--mauve) 55%, transparent));
|
||||||
}
|
}
|
||||||
.cybersigil .plate-enter:hover .cs-plate-sig,
|
.cybersigil .plate:hover .cs-plate-sig,
|
||||||
.cybersigil .plate-enter:focus-within .cs-plate-sig {
|
.cybersigil .plate:focus-visible .cs-plate-sig {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
.cybersigil .plate-enter:hover .cs-plate-sig .cs-sigil path,
|
.cybersigil .plate:hover .cs-plate-sig .cs-sigil path,
|
||||||
.cybersigil .plate-enter:hover .cs-plate-sig .cs-sigil line,
|
.cybersigil .plate:hover .cs-plate-sig .cs-sigil line,
|
||||||
.cybersigil .plate-enter:focus-within .cs-plate-sig .cs-sigil path,
|
.cybersigil .plate:focus-visible .cs-plate-sig .cs-sigil path,
|
||||||
.cybersigil .plate-enter:focus-within .cs-plate-sig .cs-sigil line {
|
.cybersigil .plate:focus-visible .cs-plate-sig .cs-sigil line {
|
||||||
animation: cs-carve 600ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
animation: cs-carve 600ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
||||||
animation-delay: calc(var(--i, 0) * 55ms);
|
animation-delay: calc(var(--i, 0) * 55ms);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user