aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-11-29 12:28:03 +0100
committerArmand Philippot <git@armandphilippot.com>2023-11-29 13:47:07 +0100
commitdfa894b76ee3584bf169710c78c57330c5d6ee67 (patch)
tree41380a93e2838452236a720f27f85fb14502f56a /src/styles
parent29a1dec4de0aa7ba64ef068a83b1b8589fbc3ad0 (diff)
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
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/pages/blog.module.scss50
1 files changed, 50 insertions, 0 deletions
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;
+ }
+ }
+ }
+ }
+ }
+}