From af9dff723aaa737ee5cd2bf07ce3f3002197716b Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet@mmibordeaux.com>
Date: Tue, 30 Apr 2024 18:03:50 +0200
Subject: [PATCH] wip porfolio alternate layout
---
assets/sass/_theme/blocks/pages.sass | 1 +
assets/sass/_theme/blocks/posts.sass | 2 ++
assets/sass/_theme/blocks/projects.sass | 5 +++++
assets/sass/_theme/design-system/layout.sass | 4 +---
4 files changed, 9 insertions(+), 3 deletions(-)
diff --git a/assets/sass/_theme/blocks/pages.sass b/assets/sass/_theme/blocks/pages.sass
index f4d40d57..faed9ba5 100644
--- a/assets/sass/_theme/blocks/pages.sass
+++ b/assets/sass/_theme/blocks/pages.sass
@@ -234,6 +234,7 @@
position: relative
display: flex
flex-direction: column
+ width: columns(4)
a
@include stretched-link
.media
diff --git a/assets/sass/_theme/blocks/posts.sass b/assets/sass/_theme/blocks/posts.sass
index 794fe035..7fe172e4 100644
--- a/assets/sass/_theme/blocks/posts.sass
+++ b/assets/sass/_theme/blocks/posts.sass
@@ -275,6 +275,8 @@
margin-top: -5%
+ .post:not(.portrait, .square, .landscape)
margin-top: -3%
+ article
+ width: columns(4)
@include media-breakpoint-down(desktop)
.post
.post-meta
diff --git a/assets/sass/_theme/blocks/projects.sass b/assets/sass/_theme/blocks/projects.sass
index fecb2cb7..0adf3b77 100644
--- a/assets/sass/_theme/blocks/projects.sass
+++ b/assets/sass/_theme/blocks/projects.sass
@@ -35,10 +35,15 @@
@include media-breakpoint-down(desktop)
.project + .project
margin-top: $spacing-4
+ @include in-page-with-sidebar
+ article
+ width: columns(5)
@include in-page-without-sidebar
.top
.description
@include body-text
+ article
+ width: columns(7)
.large
.project
diff --git a/assets/sass/_theme/design-system/layout.sass b/assets/sass/_theme/design-system/layout.sass
index b71e3323..40b2dca9 100644
--- a/assets/sass/_theme/design-system/layout.sass
+++ b/assets/sass/_theme/design-system/layout.sass
@@ -128,10 +128,9 @@ details
.alternate
article
@include media-breakpoint-up(desktop)
- width: columns(4)
&:not(:first-child)
margin-top: -5%
- &:nth-child(even)
+ &:nth-child(odd)
margin-left: auto
&.portrait
+ .portrait
@@ -143,7 +142,6 @@ details
margin-top: -5%
&.square + .square
margin-top: -10%
- @include in-page-with-sidebar
@include in-page-without-sidebar
width: columns(10)
margin-left: auto
--
GitLab