@zevra/ui 0.3.0 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zevra/ui",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Design system Zevra « Encre & Papier » — tokens, CSS des composants et logos officiels.",
   "license": "UNLICENSED",
   "private": false,

package/src/layout.css

@@ -466,15 +466,23 @@
  * mêmes éléments de navigation — les liens de nav desktop deviennent un
  * menu burger — et que sans eux chaque app réinvente la même règle. */
 
-.zv-only-desktop {
-  display: none;
-}
-
-@media (min-width: 768px) {
+/* Chaque utilitaire MASQUE dans la plage où l'élément n'a pas sa place, et ne
+ * dit RIEN dans l'autre.
+ *
+ * La version précédente posait `display: none` par défaut puis
+ * `display: revert` au-dessus du seuil. C'était faux : `revert` revient au
+ * défaut du NAVIGATEUR — `inline` pour un span — et écrasait donc le
+ * `display: flex` que l'élément tenait de sa propre classe. Une rangée de
+ * liens de navigation perdait sa gouttière et ses libellés se collaient.
+ *
+ * En ne déclarant rien dans la plage visible, l'élément garde son display. */
+@media (max-width: 767px) {
   .zv-only-desktop {
-    display: revert;
+    display: none;
   }
+}
 
+@media (min-width: 768px) {
   .zv-only-mobile {
     display: none;
   }