date range mobile display fix
This commit is contained in:
+1
-1
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;
|
||||||
|
|||||||
Reference in New Issue
Block a user