From 56878f647ea0f1066fa3e222d7aa0d83057f496d Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 13 Nov 2023 17:45:59 +0100 Subject: refactor(components): rewrite PostsList component * remove NoResults component and move logic to Search page * add a usePostsList hook * remove Pagination from PostsList (it is only used if javascript is disabled and not on every posts list) * replace `byYear` prop with `sortByYear` * replace `loadMore` prop with `onLoadMore` * remove `showLoadMoreBtn` (we can use `loadMore` prop instead to determine if we need to display the button) * replace `titleLevel` prop with `headingLvl` * add `firstNewResult` prop to handle focus on the new results when loading more article (we should not focus a useless span but the item directly) --- src/styles/pages/blog.module.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 src/styles/pages/blog.module.scss (limited to 'src/styles/pages/blog.module.scss') diff --git a/src/styles/pages/blog.module.scss b/src/styles/pages/blog.module.scss new file mode 100644 index 0000000..0fbde7c --- /dev/null +++ b/src/styles/pages/blog.module.scss @@ -0,0 +1,18 @@ +@use "../abstracts/functions" as fun; +@use "../abstracts/mixins" as mix; + +.list { + @include mix.media("screen") { + @include mix.dimensions("md") { + --col1: #{fun.convert-px(100)}; + --gap: var(--spacing-lg); + + margin-left: calc((var(--col1) + var(--gap)) * -1); + } + } +} + +.logo { + max-width: fun.convert-px(50); + margin: 0 var(--spacing-xs) 0 0; +} -- cgit v1.2.3