fix: revised .sr-only

Author: scriptura

scripts/development/serviceWorker.js

@@ -80,7 +80,7 @@
  *   navigator.serviceWorker.addEventListener('message', handler)
  */
 
-const CACHE_NAME = 'v104'
+const CACHE_NAME = 'v105'
 const MEDIA_CACHE_NAME = `media-${CACHE_NAME}`
 const OFFLINE_URL = '/offline.html'
 
@@ -192,11 +192,7 @@ self.addEventListener('activate', event => {
     (async () => {
       try {
         const cacheNames = await caches.keys()
-        await Promise.all(
-          cacheNames
-            .filter(name => name !== CACHE_NAME && name !== MEDIA_CACHE_NAME)
-            .map(name => caches.delete(name)),
-        )
+        await Promise.all(cacheNames.filter(name => name !== CACHE_NAME && name !== MEDIA_CACHE_NAME).map(name => caches.delete(name)))
         await self.clients.claim()
       } catch (error) {
         console.error(`Erreur activation: ${error}`)

styles/development/grid.css

@@ -57,6 +57,10 @@
   --size-grid: 10em;
 }
 
+.grid-auto:has(.table) {
+  margin-block-start: var(--spacing-lg);
+}
+
 @container grid (width <= 35em) {
   .xs-grid-auto {
     /* @todo Valeur arbitraire à redéfinir. */

styles/development/helper.css

@@ -41,14 +41,17 @@ a[aria-disabled='true'] {
   }
 }
 
+/* @bugfix @affected Chrome @note Ne fonctionne pas avec @layer : */
+/*
 .sr-only {
-  /* @note Caché visuellement mais disponible pour les lecteurs d'écran. */
   position: absolute;
   transform: scale(0);
 }
+*/
 
-/* @see https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/style.css
 .sr-only {
+  /* @note Caché visuellement mais disponible pour les lecteurs d'écran. */
+  /* @see https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/style.css */
   position: absolute;
   overflow: hidden;
   width: 1px;
@@ -59,7 +62,6 @@ a[aria-disabled='true'] {
   border: 0;
   clip-path: rect(0, 0, 0, 0);
 }
-*/
 
 /*
 .relative {

styles/development/input.css

@@ -1,10 +1,3 @@
-[type='range'] {
-  /* @bugfix View Transitions @affected Chrome @path Isolation du Shadow DOM pour le compositeur matériel Blink/WebKit. Garantit que l'allocation mémoire du curseur n'interfère pas avec la capture de la texture du parent (#main) lors d'une transition. */
-  isolation: isolate;
-  will-change: transform;
-  contain: layout paint;
-}
-
 .input {
   & label {
     display: inline-block;

styles/development/range.css

@@ -1,5 +1,12 @@
 /* Les mixins suivantes sont utilisées pour des sélecteurs propriétaires à des navigateurs et qui ne peuvent être regroupés entre eux sans bugs. */
 
+[type='range'] {
+  /* @bugfix View Transitions @affected Chrome @path Isolation du Shadow DOM pour le compositeur matériel Blink/WebKit. Garantit que l'allocation mémoire du curseur n'interfère pas avec la capture de la texture du parent (#main) lors d'une transition.
+  isolation: isolate;
+  will-change: transform;
+  contain: layout paint;
+}*/
+
 @mixin range-block-thumb {
   pointer-events: auto;
   width: 2.3em;