From dfa894b76ee3584bf169710c78c57330c5d6ee67 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 29 Nov 2023 12:28:03 +0100 Subject: fix(pages,services): make thematics & topics pages usable again When I refactored the fetchers and convertors in #f111685 I forgot to convert WPThematicPreview and WPTopicPreview so the thematics and topics pages was broken. I also: * removed the ToC added by error in #70b4f63 * fix heading styles * fix website url in topics pages --- src/styles/pages/blog.module.scss | 50 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) (limited to 'src/styles/pages') diff --git a/src/styles/pages/blog.module.scss b/src/styles/pages/blog.module.scss index 0fbde7c..e099088 100644 --- a/src/styles/pages/blog.module.scss +++ b/src/styles/pages/blog.module.scss @@ -1,5 +1,7 @@ @use "../abstracts/functions" as fun; @use "../abstracts/mixins" as mix; +@use "../abstracts/placeholders"; +@use "partials/article-links"; .list { @include mix.media("screen") { @@ -16,3 +18,51 @@ max-width: fun.convert-px(50); margin: 0 var(--spacing-xs) 0 0; } + +:where(.body) { + :global { + @include article-links.styles; + + h2 { + @extend %h2; + + margin-block-end: var(--spacing-sm); + } + } +} + +:global([data-theme="light"]) { + :local { + .body { + :global { + a { + &.download { + @extend %light-download-link; + } + + &.external { + @extend %light-external-link; + } + } + } + } + } +} + +:global([data-theme="dark"]) { + :local { + .body { + :global { + a { + &.download { + @extend %dark-download-link; + } + + &.external { + @extend %dark-external-link; + } + } + } + } + } +} -- cgit v1.2.3