From 9b234abbdda4897d66582a19a18600f652eb0613 Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet206@gmail.com>
Date: Thu, 25 Apr 2024 09:41:19 +0200
Subject: [PATCH] added style to large layout posts without images
---
assets/sass/_theme/blocks/posts.sass | 16 ++++++++++++++--
.../partials/blocks/templates/posts/large.html | 3 ++-
2 files changed, 16 insertions(+), 3 deletions(-)
diff --git a/assets/sass/_theme/blocks/posts.sass b/assets/sass/_theme/blocks/posts.sass
index f7e8ff91..ca07ff1e 100644
--- a/assets/sass/_theme/blocks/posts.sass
+++ b/assets/sass/_theme/blocks/posts.sass
@@ -98,6 +98,11 @@
.media,
.post-content
width: columns(4)
+ @include media-breakpoint-up(xl)
+ &.without-images
+ .post
+ .post-content
+ width: columns(8)
@include in-page-without-sidebar
.large
.post
@@ -108,8 +113,15 @@
width: columns(5)
.post-title
@include lead
- p[itemprop="articleBody"]
- margin-top: calc(#{$spacing-3} + #{$spacing-2})
+ &.without-images
+ .post
+ @include media-breakpoint-up(xl)
+ margin-left: offset(4)
+ .post-content
+ width: columns(6)
+ @include media-breakpoint-down(xl)
+ .post-content
+ width: columns(8)
&--list
article
border-bottom: 1px solid var(--color-border)
diff --git a/layouts/partials/blocks/templates/posts/large.html b/layouts/partials/blocks/templates/posts/large.html
index d1279d21..f54b79ee 100644
--- a/layouts/partials/blocks/templates/posts/large.html
+++ b/layouts/partials/blocks/templates/posts/large.html
@@ -6,8 +6,9 @@
)}}
{{ $index := .index}}
{{ $options := .options }}
+{{ $hide_image := .options.hide_image }}
-<div class="large">
+<div class="large {{- if $hide_image }} without-images{{ end }}">
{{ range .posts }}
{{ with site.GetPage (printf "/posts/%s" .) }}
--
GitLab