date range mobile display fix

This commit is contained in:
2026-10-20 17:23:36 +02:00
parent 4f7cc17611
commit 0f9241b2eb
2 changed files with 5 additions and 1 deletions
File diff suppressed because one or more lines are too long
@@ -1,6 +1,7 @@
@use "sass:math"; @use "sass:math";
@use "fluid" as *; @use "fluid" as *;
@use "../abstracts/breakpoints" as *;
@mixin event-date-time($ref: 10em){ @mixin event-date-time($ref: 10em){
display: flex; display: flex;
@@ -15,6 +16,9 @@
// dérivent de --ref : le bloc entier rétrécit en lock-step, sans désaligner // dérivent de --ref : le bloc entier rétrécit en lock-step, sans désaligner
// la grille par rapport à la typo. NB : les em sont convertis via px() sur // la grille par rapport à la typo. NB : les em sont convertis via px() sur
// hypothèse d'un contexte de 16px. // hypothèse d'un contexte de 16px.
@media #{$mobile}{
$ref:calc($ref * 0.7);
}
--ref: #{fluid-clamp(px($ref), $min: math.div(px($ref), 1.5))}; --ref: #{fluid-clamp(px($ref), $min: math.div(px($ref), 1.5))};
time{ time{
position: relative; position: relative;