25 lines
1006 B
CSS
25 lines
1006 B
CSS
/* Entry-preview styles for the Sveltia editor (registered via the officially
|
|
supported CMS.registerPreviewStyle API). Mirrors the portal's article look
|
|
so editors see roughly what readers will see. Kept intentionally tiny. */
|
|
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400..700&family=Space+Grotesk:wght@500..700&display=swap");
|
|
|
|
body {
|
|
font-family: "Inter", Arial, system-ui, sans-serif;
|
|
color: #101228;
|
|
line-height: 1.65;
|
|
max-width: 70ch;
|
|
margin: 0 auto;
|
|
padding: 24px;
|
|
}
|
|
h1, h2 { font-family: "Space Grotesk", "Inter", sans-serif; color: #00004a; }
|
|
h3, h4 { color: #00004a; }
|
|
a { color: #0057c2; }
|
|
img { max-width: 100%; height: auto; border-radius: 16px; }
|
|
blockquote {
|
|
margin: 22px 0; padding: 12px 20px;
|
|
border-left: 3px solid #00e4d8; background: #f5f5f5;
|
|
}
|
|
table { width: 100%; border-collapse: collapse; }
|
|
th, td { padding: 10px 12px; border-bottom: 1px solid #e2e5ee; text-align: left; }
|
|
thead th { border-bottom: 2px solid #00e4d8; color: #00004a; }
|