aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/pages/article.module.scss
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-11-30 19:30:43 +0100
committerArmand Philippot <git@armandphilippot.com>2023-12-01 16:08:54 +0100
commit5b762b1b669454a89899c4bdf6008027d9615acf (patch)
tree37087f4ee9d14ae131bde15a48d7d04e83ae6cbd /src/styles/pages/article.module.scss
parentf7e6f42216c3cbeab9add475a61bb407c6be3519 (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/article.module.scss')
-rw-r--r--src/styles/pages/article.module.scss74
1 files changed, 0 insertions, 74 deletions
diff --git a/src/styles/pages/article.module.scss b/src/styles/pages/article.module.scss
deleted file mode 100644
index 7aac5a7..0000000
--- a/src/styles/pages/article.module.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-@use "../abstracts/functions" as fun;
-@use "../abstracts/mixins" as mix;
-@use "../abstracts/placeholders";
-@use "partials/article-headings";
-@use "partials/article-links";
-@use "partials/article-lists";
-@use "partials/article-media";
-@use "partials/article-wp-blocks";
-
-.btn {
- margin-right: var(--spacing-2xs);
- padding: var(--spacing-2xs) var(--spacing-xs);
-
- img {
- max-width: fun.convert-px(22);
- }
-}
-
-.body {
- :global {
- @include article-headings.styles;
- @include article-links.styles;
- @include article-lists.styles;
- @include article-media.styles;
- @include article-wp-blocks.styles;
- @extend %prism;
- }
-}
-
-: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;
- }
- }
- }
- }
- }
-}
-
-.widget {
- @include mix.media("screen") {
- @include mix.dimensions("md") {
- ul {
- width: min-content;
- }
- }
- }
-}