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`
---
 .../templates/page/page-layout.module.scss         | 95 ----------------------
 1 file changed, 95 deletions(-)
 delete mode 100644 src/components/templates/page/page-layout.module.scss

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

diff --git a/src/components/templates/page/page-layout.module.scss b/src/components/templates/page/page-layout.module.scss
deleted file mode 100644
index 75b996c..0000000
--- a/src/components/templates/page/page-layout.module.scss
+++ /dev/null
@@ -1,95 +0,0 @@
-@use "../../../styles/abstracts/functions" as fun;
-@use "../../../styles/abstracts/mixins" as mix;
-@use "../../../styles/abstracts/placeholders";
-
-.breadcrumb {
-  @extend %grid;
-
-  grid-column: 1 / -1;
-  width: 100%;
-  padding: var(--spacing-md) 0;
-
-  > * {
-    grid-column: 2;
-    font-size: var(--font-size-sm);
-  }
-}
-
-.header {
-  grid-column: 1 / -1;
-  margin-bottom: var(--spacing-md);
-}
-
-.body {
-  grid-column: 2;
-
-  > * + * {
-    margin-top: var(--spacing-sm);
-    margin-bottom: var(--spacing-sm);
-  }
-}
-
-.sidebar {
-  grid-column: 2;
-
-  &--first {
-    margin-bottom: var(--spacing-xs);
-
-    @include mix.media("screen") {
-      @include mix.dimensions("lg") {
-        grid-column: 1;
-        align-self: stretch;
-        margin: 0 var(--spacing-xs) var(--spacing-md);
-      }
-    }
-  }
-
-  &--last {
-    margin: var(--spacing-lg) 0 0;
-
-    @include mix.media("screen") {
-      @include mix.dimensions("md") {
-        grid-column: 3;
-        align-self: stretch;
-        margin: 0 var(--spacing-xs) var(--spacing-md);
-      }
-    }
-  }
-}
-
-.footer {
-  grid-column: 2;
-  margin: var(--spacing-sm) 0 var(--spacing-2xs);
-}
-
-.comments {
-  @extend %grid;
-
-  grid-column: 1 / -1;
-  margin: var(--spacing-lg) 0 0;
-  padding: 0 0 var(--spacing-lg);
-  background: var(--color-bg-secondary);
-  border-top: fun.convert-px(3) solid var(--color-border-light);
-
-  &__section {
-    grid-column: 2;
-  }
-
-  &__title {
-    width: fit-content;
-    margin: var(--spacing-md) auto;
-  }
-
-  &__no-comments {
-    text-align: center;
-  }
-
-  &__form {
-    max-width: 40ch;
-    margin: auto;
-  }
-}
-
-.notice {
-  margin-top: var(--spacing-sm);
-}
-- 
cgit v1.2.3