From 8d8dfd774ed986400ae42b0d473ca0b95eb80ea5 Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet@mmibordeaux.com>
Date: Wed, 3 Aug 2022 10:34:10 +0200
Subject: [PATCH] Posts list responsive
---
assets/sass/_theme/sections/posts.sass | 33 ++++++++++++++++++--------
1 file changed, 23 insertions(+), 10 deletions(-)
diff --git a/assets/sass/_theme/sections/posts.sass b/assets/sass/_theme/sections/posts.sass
index 36aa5a7c..4470ecae 100644
--- a/assets/sass/_theme/sections/posts.sass
+++ b/assets/sass/_theme/sections/posts.sass
@@ -27,21 +27,34 @@
margin-bottom: $spacing3
padding-bottom: $spacing3
.post
- @include grid(12, md)
+ display: flex
flex-direction: row
+ @include media-breakpoint-down(md)
+ @include grid(12, md)
div:not(.media)
grid-column: 4/13
- p,
- a
- max-width: col(8)
- time
- font-size: $h5-size
- position: absolute
- right: 0
- top: 0
+ @include media-breakpoint-down(md)
+ flex: 1
+ margin-left: $spacing0
+ p:not(.title)
+ @include media-breakpoint-down(md)
+ display: none
.media
- grid-column: 1/4
+ background: none
margin: 0
+ width: 33%
+ @include media-breakpoint-up(md)
+ grid-column: 1/4
+ @include media-breakpoint-up(md)
+ time
+ font-size: $h5-size
+ position: absolute
+ right: 0
+ top: 0
+ div:not(.media)
+ p,
+ a
+ max-width: col(8)
@else
.posts
--
GitLab