From eef0dd0fafa5dbbbd29f2162967bc668eebf6074 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Wed, 20 Dec 2023 17:09:39 +0100
Subject: fix(styles): increase CSS specifity for some selectors

Since `sideEffects` has been added to activate tree shakings, the
styles are imported in the wrong order in production build. There is an
open issue (again) on Next.js repo. I'm not sure it will be fixed soon
so in the meantime I had to increase the specifity of some selectors
to avoid broken styles.
I also fixed two minor layout errors:
* CV page widgets should use headings of level 2
* Homepage should wrap the cards in list items
---
 src/components/organisms/nav/breadcrumbs/breadcrumbs.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

(limited to 'src/components/organisms/nav/breadcrumbs/breadcrumbs.tsx')

diff --git a/src/components/organisms/nav/breadcrumbs/breadcrumbs.tsx b/src/components/organisms/nav/breadcrumbs/breadcrumbs.tsx
index 13434e1..fd29f90 100644
--- a/src/components/organisms/nav/breadcrumbs/breadcrumbs.tsx
+++ b/src/components/organisms/nav/breadcrumbs/breadcrumbs.tsx
@@ -28,12 +28,11 @@ export type BreadcrumbsProps = Omit<NavProps, 'children'> & {
 const BreadcrumbsWithRef: ForwardRefRenderFunction<
   HTMLElement,
   BreadcrumbsProps
-> = ({ className = '', items, ...props }, ref) => {
-  const wrapperClass = `${styles.wrapper} ${className}`;
+> = ({ items, ...props }, ref) => {
   const sep = '>';
 
   return (
-    <Nav {...props} className={wrapperClass} ref={ref}>
+    <Nav {...props} ref={ref}>
       <NavList
         isInline
         isOrdered
-- 
cgit v1.2.3

