diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-11-30 19:30:43 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-12-01 16:08:54 +0100 |
| commit | 5b762b1b669454a89899c4bdf6008027d9615acf (patch) | |
| tree | 37087f4ee9d14ae131bde15a48d7d04e83ae6cbd /src/styles/pages/partials | |
| parent | f7e6f42216c3cbeab9add475a61bb407c6be3519 (diff) | |
refactor(pages): refine Article pages
* use rehype to update code blocks class names
* fix widget heading level (after a level 1 it should always be a level
2 and not 3)
* replace Spinner with LoadingPage and LoadingPageComments components to
keep layout coherent
* refactor useArticle and useComments hooks
* fix URLs in JSON LD schema
* add Cypress tests
Diffstat (limited to 'src/styles/pages/partials')
| -rw-r--r-- | src/styles/pages/partials/_article-headings.scss | 6 | ||||
| -rw-r--r-- | src/styles/pages/partials/_article-wp-blocks.scss | 12 |
2 files changed, 12 insertions, 6 deletions
diff --git a/src/styles/pages/partials/_article-headings.scss b/src/styles/pages/partials/_article-headings.scss index 7a273e4..234c426 100644 --- a/src/styles/pages/partials/_article-headings.scss +++ b/src/styles/pages/partials/_article-headings.scss @@ -31,8 +31,10 @@ h4, h5, h6 { - &:not(:first-child) { - margin-block: var(--spacing-sm); + margin-block: var(--spacing-sm); + + &:first-of-type { + margin-block-start: var(--spacing-md); } } } diff --git a/src/styles/pages/partials/_article-wp-blocks.scss b/src/styles/pages/partials/_article-wp-blocks.scss index f23be05..e4e89ec 100644 --- a/src/styles/pages/partials/_article-wp-blocks.scss +++ b/src/styles/pages/partials/_article-wp-blocks.scss @@ -75,7 +75,7 @@ display: flex; flex-flow: column; width: fit-content; - margin: 0 auto; + margin: var(--spacing-sm) auto; position: relative; text-align: center; @@ -172,9 +172,13 @@ } } - .wp-block-image img { - height: 100%; - object-fit: cover; + .wp-block-image { + margin: 0; + + img { + height: 100%; + object-fit: cover; + } } } } |