fix: Affichage du menu en JS vu qu'en CSS ça ne fonctionne pas sous iOS

assets/styles/header.sass

@@ -164,12 +164,6 @@
       flex-direction: column
       justify-content: center
 
-      &:hover
-        display: inherit
-
-      &:hover + .close-button
-        display: inherit
-
       img
         display: inherit
 
@@ -213,16 +207,19 @@
     display: none
     white-space: nowrap
 
-    &:focus + #menu
-      display: inherit
-
-    &:focus + #menu + .close-button
-      display: inherit
-
-    @media screen and (max-width: $size-md)
-      display: inherit
-
   .close-button
     white-space: nowrap
     display: none
     z-index: 200
+
+  @media screen and (max-width: $size-md)
+    .nav[data-open="true"]
+      .open-button
+        display: none
+      .close-button, #menu
+        display: inherit
+    .nav[data-open="false"]
+      .open-button
+        display: inherit
+      .close-button, #menu
+        display: none