etoiledebethleem/website
4
1
Fork 0
Code Issues 5 Pull requests 1 Actions Packages Projects 1 Releases Wiki Activity

fix(articles): fix style

Browse source
This commit is contained in:
Matthieu Bessat 2024-03-15 23:27:14 +01:00
parent 9946d619ff
commit 03e24bb46a
4 changed files with 16 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
assets/sass/article.scss
View file

@ -135,5 +135,14 @@
width: 100%; width: 100%;
} }
} }
}
@media (max-width: $md-breakpoint) {
.article__featured-image {
margin: 0;
margin-top: 1rem;
img {
aspect-ratio: initial;
}
}
} }

3
assets/sass/news.scss
View file

@ -7,9 +7,10 @@
border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 1rem 0rem; padding: 1rem 0rem;
margin-bottom: 1rem; margin-bottom: 1rem;
min-height: 10rem;
display: grid; display: grid;
grid-template-columns: 33% 1fr; grid-template-columns: 1fr 1fr;
grid-column-gap: 2rem; grid-column-gap: 2rem;
} }

2
config.toml
View file

@ -3,7 +3,7 @@ languageCode = 'fr'
defaultContentLanguage = 'fr' defaultContentLanguage = 'fr'
title = "L'Étoile de Bethléem" title = "L'Étoile de Bethléem"
summaryLength = 50 summaryLength = 22
assetDir = "assets" assetDir = "assets"
minifyOutput = false minifyOutput = false

4
layouts/actualites/list.html
View file

@ -17,7 +17,7 @@
{{ if .Params.featured_image }} {{ if .Params.featured_image }}
{{ $featuredImage = .Resources.GetMatch (.Params.featured_image.src | safeURL) }} {{ $featuredImage = .Resources.GetMatch (.Params.featured_image.src | safeURL) }}
{{ end }} {{ end }}
{{ $featuredImage := $featuredImage.Fill "400x300 Center" }} {{ $featuredImage := $featuredImage.Fill "465x348 Center" }}
<figure> <figure>
<img alt="" src="{{ $featuredImage.RelPermalink }}" /> <img alt="" src="{{ $featuredImage.RelPermalink }}" />
{{ with .Params.featured_image.caption }} {{ with .Params.featured_image.caption }}
@ -42,7 +42,7 @@
</time> </time>
</p> </p>
<div class="news-item__summary"> <div class="news-item__summary">
{{ .Summary }}... {{ .Summary }}…
</div> </div>
</div> </div>
</li> </li>