aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-11-20 12:27:46 +0100
committerArmand Philippot <git@armandphilippot.com>2023-11-20 19:32:09 +0100
commit70b4f633a6fbedb58c8b9134ac64ede854d489de (patch)
treec757bb12ad9a588e23b25cdb8b46710ac14dbcb1 /src/styles
parent9a481f066e1427d53a06cf7aeec525a745abf03f (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.scss27
-rw-r--r--src/styles/pages/project.module.scss5
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;
+ }
}
}
}