fix: figcaption dans figure, loop swiper, max-height images investigation
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s
- investigation.php : figcaption déplacé à l'intérieur des <figure> (correction HTML + meilleure capture par la lightbox) - swipers.js : loop: true sur toutes les galeries - _investigation_content.scss : max-height 75vh sur les images - _figures.scss : reformatage indentation Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
3d9a0421b3
commit
59c5396184
6 changed files with 125 additions and 38 deletions
|
|
@ -1,26 +1,23 @@
|
|||
|
||||
@mixin figure-16-9{
|
||||
& > figure{
|
||||
aspect-ratio: 16/9;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
img, picture{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
|
||||
|
||||
}
|
||||
@mixin figure-16-9 {
|
||||
& > figure {
|
||||
aspect-ratio: 16/9;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
img,
|
||||
picture {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
figcaption, .caption{
|
||||
font-size: var(--fs-small);
|
||||
color: var(--color-txt-light);
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
margin: calc(var(--spacing) * 0.5) 0!important;
|
||||
}
|
||||
|
||||
|
||||
figcaption,
|
||||
.caption {
|
||||
font-size: var(--fs-small) !important;
|
||||
color: var(--color-txt-light);
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
margin: calc(var(--spacing) * 0.5) 0 !important;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue