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:56] – avillepreuxjs:read-size [2025/07/17 16:05] (Version actuelle) – avillepreux
Ligne 1: Ligne 1:
  
 <html> <html>
 +
 <form class="read-size-ruler"> <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 20: 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">
 +  
 </form> </form>
-<style>+ 
 +  <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 66: 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.1752760580.txt.gz
  • Dernière modification : 2025/07/17 15:56
  • de avillepreux