diff --git a/assets/sass/_theme/blocks/pages.sass b/assets/sass/_theme/blocks/pages.sass index f4d40d57a361c81dce68fd6b36c4e42d09994e46..faed9ba564ea78ac854e9b3c944940f83eb2ab43 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 794fe03575fd6ac87c45e04adab8cb7b2e7c3285..7fe172e4358579f1b1f7e8523054a072901af674 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 fecb2cb7f1440d75bf407ae5f09f81321daa9774..0adf3b77aef09cf37381ef2bdc1fe60c66c5f927 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 b71e3323d2d86ccb76c1a14df123265b0ae22746..40b2dca9426e41c34f550f32835376c167cde7d3 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