Produits Entr'ouvert » Intégrations graphiques Publik

Aujourd'hui on a 2 breakpoints gérés par des variables $mobile-limit et $very-small-limit:

C'est assez imprécis imprecis pour les intégrateurs de thèmes.
$mobile-limit $mobile-limt est le (min-width) ou le (max-width) ?

Actuellement, $mobile-limit est la valeur max-width
Pour spécifier specifier des styles pour le desktop il faut donc écrire

<pre>
@media (min-width: $mobile-limite + 1px) {}
</pre>

Et pourtant je croise parfois

<pre>
@media (min-width: $mobile-limite) {}
</pre>

Je propose de clarifier les choses en créant les variables des variable

<pre>
$max-very-small = "(max-width: $very-small-limit)"
$min_mobile = "(min-width: $very-small-limit + 1)"
$max-mobile = "(max-width: $mobile-limite)"
$min-desktop = "(min-width: $mobile-limite + 1)"
</pre>

Et pouvoir ainsi utiliser simplement
<pre>
@media $min-mobile and $max-mobile {}
</pre>