js:read-size

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
js:read-size [2025/07/17 15:58] – avillepreuxjs:read-size [2025/07/17 16:05] (Version actuelle) – avillepreux
Ligne 1: Ligne 1:
  
 <html> <html>
-<fielset class="read-size-ruler"> + 
-    <legend>Reading size</legend>+<form class="read-size-ruler"> 
 +  
     <input type="radio" name="read-size">     <input type="radio" name="read-size">
     <input type="radio" name="read-size">     <input type="radio" name="read-size">
Ligne 21: Ligne 22:
     <input type="radio" name="read-size">     <input type="radio" name="read-size">
     <input type="radio" name="read-size">     <input type="radio" name="read-size">
-</fieldset> +   
-<style>+</form> 
 + 
 +  <style>
     body:has([name="read-size"]:checked:nth-child(1) ) { --max-read-size-step:  1 }     body:has([name="read-size"]:checked:nth-child(1) ) { --max-read-size-step:  1 }
     body:has([name="read-size"]:checked:nth-child(2) ) { --max-read-size-step:  2 }     body:has([name="read-size"]:checked:nth-child(2) ) { --max-read-size-step:  2 }
Ligne 67: Ligne 70:
         max-inline-size: calc(calc(50 + var(--max-read-size-step) * 10) * 1ch);         max-inline-size: calc(calc(50 + var(--max-read-size-step) * 10) * 1ch);
     }     }
 +     
 +    .read-size-ruler { 
 +      text-align: right; 
 +    }
 </style> </style>
 </html> </html>
  
  • js/read-size.1752760683.txt.gz
  • Dernière modification : 2025/07/17 15:58
  • de avillepreux