diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-12-01 19:34:58 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-12-04 19:00:04 +0100 |
| commit | 53b63ac27c2275262db9a04be02210a3287aa71d (patch) | |
| tree | 814968e10cad25e1b34ab251de42ac5ecb82b346 /src/styles/pages/blog.module.scss | |
| parent | 11e3ee75fcab0ab54b2bc1713a402c5cc3070c2d (diff) | |
refactor(pages): refine Blog pages
* replace usePostsList with useArticlesList to keep names coherent
* remove useIsMounted hook
* rewrite useRedirection hook
* add redirect in getStaticProps to avoid unecessary fetching
* move Pagination component in a noscript tag
* use hooks to refresh thematics and topics lists
* complete Cypress tests
Diffstat (limited to 'src/styles/pages/blog.module.scss')
| -rw-r--r-- | src/styles/pages/blog.module.scss | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/styles/pages/blog.module.scss b/src/styles/pages/blog.module.scss index e8d0034..553e9f9 100644 --- a/src/styles/pages/blog.module.scss +++ b/src/styles/pages/blog.module.scss @@ -7,6 +7,22 @@ @use "partials/article-media"; @use "partials/article-wp-blocks"; +.posts-list { + @include mix.media("screen") { + @include mix.dimensions("md") { + --col1: #{fun.convert-px(100)}; + --gap: var(--spacing-lg); + + margin-top: var(--spacing-md); + margin-left: calc((var(--col1) + var(--gap)) * -1); + } + } +} + +.pagination { + margin-top: var(--spacing-md); +} + .sharing-widget { @include mix.media("screen") { @include mix.dimensions("md") { |