diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-11-20 12:27:46 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-20 19:32:09 +0100 |
| commit | 70b4f633a6fbedb58c8b9134ac64ede854d489de (patch) | |
| tree | c757bb12ad9a588e23b25cdb8b46710ac14dbcb1 /src/styles | |
| parent | 9a481f066e1427d53a06cf7aeec525a745abf03f (diff) | |
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`
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/layout/_grid.scss | 27 | ||||
| -rw-r--r-- | src/styles/pages/project.module.scss | 5 |
2 files changed, 3 insertions, 29 deletions
diff --git a/src/styles/layout/_grid.scss b/src/styles/layout/_grid.scss deleted file mode 100644 index 3e6e7de..0000000 --- a/src/styles/layout/_grid.scss +++ /dev/null @@ -1,27 +0,0 @@ -@use "../abstracts/mixins" as mix; - -.grid { - --grid-gap: var(--spacing-md); - - display: grid; - align-items: center; - grid-template-columns: - minmax(0, 1fr) min(calc(100vw - calc(var(--spacing-md) * 2)), 80ch) - var(--column-3, minmax(0, 1fr)); - column-gap: var(--grid-gap); - - @include mix.media("screen") { - @include mix.dimensions("md") { - --grid-gap: var(--spacing-xl); - grid-template-columns: - minmax(0, 1fr) clamp(60ch, 60vw, 80ch) - var(--column-3, minmax(0, 3fr)); - } - - @include mix.dimensions("lg") { - grid-template-columns: - minmax(0, 1fr) clamp(47ch, 47vw, 80ch) - var(--column-3, minmax(0, 1fr)); - } - } -} diff --git a/src/styles/pages/project.module.scss b/src/styles/pages/project.module.scss index 0bbd77d..69c0f8d 100644 --- a/src/styles/pages/project.module.scss +++ b/src/styles/pages/project.module.scss @@ -3,8 +3,9 @@ .widget { @include mix.media("screen") { @include mix.dimensions("md") { - width: min-content; - gap: var(--spacing-2xs); + > ul { + width: min-content; + } } } } |
