website: move editorial tokens to globals.css, remove --ll- prefix

All CSS variables previously scoped under .liveline-page with --ll- prefix
are now at :root in globals.css with no prefix. Four names conflicting with
shadcn were renamed: --brand-primary, --brand-secondary, --link-accent,
--page-border.

Class renames: .liveline-page → .editorial-page, .liveline-article →
.editorial-article, .ll-bleed → .bleed, .ll-inline-code → .inline-code,
.ll-prose → .editorial-prose.

Filenames kept as-is for this commit to isolate the rename.
This commit is contained in:
Tommy D. Rossi
2026-02-20 23:02:02 +01:00
parent 2a2f4a9230
commit 258f42527c
6 changed files with 248 additions and 252 deletions
+4 -4
View File
@@ -1,7 +1,7 @@
/*
* Playwriter editorial page — content only.
* Components imported from website/src/components/markdown.tsx.
* Styles from liveline.css and liveline-prism.css.
* Styles from globals.css (editorial tokens) and liveline-prism.css.
*/
import type { MetaFunction } from "react-router";
@@ -34,7 +34,7 @@ export const meta: MetaFunction = () => {
{ property: "og:image:width", content: "1200" },
{ property: "og:image:height", content: "630" },
{ property: "og:type", content: "website" },
{ property: "og:url", content: "https://playwriter.dev/liveline" },
{ property: "og:url", content: "https://playwriter.dev" },
{ name: "twitter:card", content: "summary_large_image" },
{ name: "twitter:title", content: title },
{ name: "twitter:description", content: description },
@@ -56,7 +56,7 @@ const tocItems = [
{ label: "Security", href: "#security" },
];
export default function LivelinePage() {
export default function IndexPage() {
return (
<EditorialPage toc={tocItems} logo="playwriter">
@@ -67,7 +67,7 @@ export default function LivelinePage() {
<A href="https://github.com/remorses/playwriter">Star on GitHub</A>.
</P>
<div className="ll-bleed" style={{ display: "flex", justifyContent: "center" }}>
<div className="bleed" style={{ display: "flex", justifyContent: "center" }}>
<img
src="/screenshot@2x.png"
alt="Playwriter controlling Chrome with accessibility labels overlay"