From 0c2d20ef983d7b484f1cab700db1a02fa3c4c3c2 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Tue, 8 Nov 2022 17:14:06 +0100
Subject: [PATCH] homepage wip
---
assets/sass/_theme/_configuration.sass | 2 +-
assets/sass/_theme/_utils.sass | 11 ++++++-----
2 files changed, 7 insertions(+), 6 deletions(-)
diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 321c3cd3..270d058e 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -201,9 +201,9 @@ $block-key_figures-number-font-size-xxl: px2rem(80) !default
$article-title-size: $h4-size !default
$article-title-size-md: $h4-size-md !default
$article-media-background: color-contrast($main-background-color, 3%) !default
+$article-media-aspect-ratio: 2 !default
$post-media-background: $article-media-background !default
-$post-media-aspect-ratio: 50% !default
$post-categories-color: color-contrast($main-color, 20%) !default
$post-time-color: color-contrast($main-color, 20%) !default
diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass
index fe172a63..71854c33 100644
--- a/assets/sass/_theme/_utils.sass
+++ b/assets/sass/_theme/_utils.sass
@@ -110,19 +110,19 @@
top: 0
z-index: $zindex-stretched-link
-@mixin aspect-ratio($width, $height, $selector: 'iframe', $background: false)
+@mixin aspect-ratio($ratio, $selector: 'iframe', $background: false)
@if $background
- aspect-ratio: #{$width}/#{$height}
+ aspect-ratio: #{$ratio}
background: $background
#{$selector}
- aspect-ratio: #{$width}/#{$height}
+ aspect-ratio: #{$ratio}
display: block
width: 100%
@supports not (aspect-ratio: 1)
position: relative
&::before
content: ''
- padding-top: ($height / $width) * 100%
+ padding-top: (1 / $ratio) * 100%
width: 100%
#{$selector}
bottom: 0
@@ -136,7 +136,8 @@
display: flex
flex-direction: column
.media
- @include aspect-ratio(2, 1, 'img', $background)
+ @if $article-media-aspect-ratio
+ @include aspect-ratio($article-media-aspect-ratio, 'img', $background)
margin-bottom: $spacing1
order: -1
overflow: hidden
--
GitLab