From 70b4f633a6fbedb58c8b9134ac64ede854d489de Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 20 Nov 2023 12:27:46 +0100
Subject: refactor(components): replace PageLayout template with Page

* split pages in smaller components (it is both easier to maintain and
more readable, we avoid the use of fragments in pages directory)
* extract breadcrumbs from article tag (the navigation is not related
to the page contents)
* remove useReadingTime hook
* remove layout options except `isHome`
---
 .../molecules/layout/page-header.module.scss       | 64 ----------------------
 1 file changed, 64 deletions(-)
 delete mode 100644 src/components/molecules/layout/page-header.module.scss

(limited to 'src/components/molecules/layout/page-header.module.scss')

diff --git a/src/components/molecules/layout/page-header.module.scss b/src/components/molecules/layout/page-header.module.scss
deleted file mode 100644
index 1a90fe5..0000000
--- a/src/components/molecules/layout/page-header.module.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-@use "../../../styles/abstracts/functions" as fun;
-@use "../../../styles/abstracts/placeholders";
-
-.wrapper {
-  @extend %grid;
-
-  &::before,
-  &::after {
-    content: "";
-    width: 100%;
-    height: 100%;
-    background: var(--color-bg-secondary);
-    border-top: fun.convert-px(3) solid var(--color-border-light);
-    border-bottom: fun.convert-px(3) solid var(--color-border-light);
-  }
-
-  &::before {
-    grid-column: 1;
-    justify-self: start;
-    border-right: fun.convert-px(3) solid var(--color-border-light);
-  }
-
-  &::after {
-    grid-column: 3;
-    justify-self: end;
-    border-left: fun.convert-px(3) solid var(--color-border-light);
-  }
-}
-
-.body {
-  grid-column: 2;
-  display: flex;
-  flex-flow: column wrap;
-  row-gap: var(--spacing-sm);
-}
-
-.title {
-  display: flex;
-  flex-flow: row wrap;
-  align-items: center;
-  position: relative;
-
-  &::before,
-  &::after {
-    content: "";
-    width: 100%;
-    height: fun.convert-px(4);
-    background: radial-gradient(
-      ellipse at center,
-      var(--color-primary-light),
-      var(--color-primary-dark)
-    );
-  }
-}
-
-.meta {
-  font-size: var(--font-size-sm);
-}
-
-.intro {
-  > *:last-child {
-    margin-bottom: 0;
-  }
-}
-- 
cgit v1.2.3