Centre one 42rem reading column on content, post, event and FAQ pages
This commit is contained in:
1 parent
7d09233ca2
commit
a847507b46
6 files changed
+82
-10
No files matched your search
@@ -0,0 +1,17 @@
|
||||
/* Same centred 42rem reading column as a content page (ContentPage.razor.css), so
|
||||
every page of the site shares one column under the header. The topic cards and
|
||||
the questions inside them live in the global app.css. */
|
||||
h1,
|
||||
article,
|
||||
p,
|
||||
.faq-topic {
|
||||
box-sizing: border-box; /* padding inside the 42rem, flush with the text */
|
||||
max-width: 42rem;
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
/* The intro's last paragraph drops its margin (app.css), so the first card would
|
||||
sit right under the text; this gives it the same air as between sections. */
|
||||
article {
|
||||
margin-bottom: var(--space-5);
|
||||
}
|
||||
Reference in new issue
Block a user