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/article.module.scss | |
| 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/article.module.scss')
| -rw-r--r-- | src/styles/pages/article.module.scss | 74 |
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; - } - } - } -} |
