Projet

Général

Profil

0001-scss-introduce-font-line-height.patch

Thomas Jund, 30 août 2022 12:23

Télécharger (2,11 ko)

Voir les différences: 

Subject: [PATCH] scss: introduce $font-line-height


 help/fr/misc-scss.page        | 5 +++++
 static/includes/_general.scss | 9 +++++++++
 static/includes/_misc.scss    | 3 ---
 3 files changed, 14 insertions(+), 3 deletions(-)
help/fr/misc-scss.page
57 57 
  <td><p>Taille du corps du texte. Pour des raison d'accessibilité, il est préférable de laisser l'usager pouvoir choisir sa taille en laissant cette valeur à <var>100%</var></p></td>
58 58 
  <td><p><var>100%</var></p></td>
59 59 
 </tr>
60 
 <tr>
61 
  <td><p><code>$font-line-height</code></p></td>
62 
  <td><p>Hauteur de l'interlignage du corps de texte</p></td>
63 
  <td><p><var>1.4</var></p></td>
64 
 </tr>
60 65 
 <tr>
61 66 
  <td><p><code>$width</code></p></td>
62 67 
  <td><p>Largeur maximale de la page</p></td>
static/includes/_general.scss
2 2 
$font-color: #333 !default;
3 3 
$font-family: sans-serif !default;
4 4 
$font-size: 100% !default;
5 
$font-line-height: 1.4;
5 6 
$link-color: #028 !default;
6 7 
$link-decoration: none !default;
7 8 
$link-hover-decoration: underline !default;
......
15 16 
	scroll-behavior: smooth;
16 17 
}
17 18 

  		




  
  19
  
    
main, footer {

  		




  
  20
  
    
	line-height: $font-line-height;

  		




  
  21
  
    
}

  		




  
  22
  
    

  		




  
  23
  
    
h1, h2, h3, h4, h5, h6 {

  		




  
  24
  
    
	line-height: normal;

  		




  
  25
  
    
}

  		




  
  26
  
    

  		




  18
  27
  
    
a {

  		




  19
  28
  
    
	color: $link-color;

  		




  20
  29
  
    
	text-decoration: $link-decoration;

  		












  

    
      static/includes/_misc.scss
    
  





  42
  42
  
    
	h3, h4, h5, p, table {

  		




  43
  43
  
    
		margin: 0.7em 1rem;

  		




  44
  44
  
    
	}

  		




  45
  
  
    
	p, table, ul, ol {

  		




  46
  
  
    
		line-height: 1.4;

  		




  47
  
  
    
	}

  		




  48
  45
  
    
}

  		




  49
  46
  
    

  		




  50
  47
  
    
@media screen and ($max-mobile-viewport) {

  		




  51
  
  
    
-