Projet

Général

Profil

0001-scss-add-variables-to-control-widget-borders-24667.patch

Frédéric Péters, 20 juin 2018 14:05

Télécharger (5,83 ko)

Voir les différences: 

Subject: [PATCH] scss: add variables to control widget borders (#24667)


 help/fr/misc-scss.page                 | 10 ++++++++++
 static/groupe-up/_custom.scss          | 12 ------------
 static/groupe-up/_vars.scss            |  3 +++
 static/includes/_forms.scss            |  8 ++++++--
 static/seine-et-marne-apa/_custom.scss | 12 ------------
 static/seine-et-marne-apa/_vars.scss   |  3 +++
 static/tournai/_custom.scss            |  1 -
 static/tournai/_vars.scss              |  1 +
 8 files changed, 23 insertions(+), 27 deletions(-)
help/fr/misc-scss.page
333 333 
  <td><p>Taille de l'arrondi à appliquer aux boutons</p></td>
334 334 
  <td><p><var>$border-radius</var></p></td>
335 335 
 </tr>
336 
 <tr>
337 
  <td><p><code>$widget-border</code></p></td>
338 
  <td><p>Style de bordure des champs de formulaire (texte, liste…)</p></td>
339 
  <td><p><var>1px solid #AAA</var></p></td>
340 
 </tr>
341 
 <tr>
342 
  <td><p><code>$widget-border-radius</code></p></td>
343 
  <td><p>Taille de l'arrondi à appliquer aux champs de formulaire (texte, liste…)</p></td>
344 
  <td><p><var>0</var></p></td>
345 
 </tr>
336 346 
</table>
337 347 
</section>
338 348 

  		












  

    
      static/groupe-up/_custom.scss
    
  





  404
  404
  
    
	margin-left: 0.5rem;

  		




  405
  405
  
    
}

  		




  406
  406
  
    

  		




  407
  
  
    
input, input[type="text"], input[type="email"], input[type="password"],

  		




  408
  
  
    
input[type="url"], input[type="tel"], input[type="number"],

  		




  409
  
  
    
input[type="search"], input[type="file"], input[type="date"],

  		




  410
  
  
    
input[type="datetime-local"], input[type="month"], input[type="time"],

  		




  411
  
  
    
input[type="week"], textarea, select {

  		




  412
  
  
    
	border-color: $lightblue;

  		




  413
  
  
    
	border-radius: $button-border-radius;

  		




  414
  
  
    
	&[readonly] {

  		




  415
  
  
    
		border-radius: 0;

  		




  416
  
  
    
	}

  		




  417
  
  
    
}

  		




  418
  
  
    

  		




  419
  407
  
    
span.required {

  		




  420
  408
  
    
	color: red;

  		




  421
  409
  
    
}

  		












  

    
      static/groupe-up/_vars.scss
    
  





  35
  35
  
    
$table-headers-color: white;

  		




  36
  36
  
    

  		




  37
  37
  
    
$very-small-limit: 800px;

  		




  
  38
  
    

  		




  
  39
  
    
$widget-border: 1px solid $lightblue;

  		




  
  40
  
    
$widget-border-radius: $button-border-radius;

  		












  

    
      static/includes/_forms.scss
    
  





  8
  8
  
    
$button-hover-color: $button-color !default;

  		




  9
  9
  
    
$button-border-radius: $border-radius !default;

  		




  10
  10
  
    

  		




  
  11
  
    
$widget-border: 1px solid #AAA !default;

  		




  
  12
  
    
$widget-border-radius: 0 !default;

  		




  
  13
  
    

  		




  11
  14
  
    
/* $form-style: global style of form elements; possible values

  		




  12
  15
  
    
 * are:

  		




  13
  16
  
    
 * classic: nothing special.

  		




  ......




  107
  110
  
    
}

  		




  108
  111
  
    

  		




  109
  112
  
    
input, input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], input[type="number"], input[type="search"], input[type="file"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, select {

  		




  110
  
  
    
	border: 1px solid #AAA;

  		




  111
  
  
    
	border-radius: 0px;

  		




  
  113
  
    
	border: $widget-border;

  		




  
  114
  
    
	border-radius: $widget-border-radius;

  		




  112
  115
  
    
	box-sizing: border-box;

  		




  113
  116
  
    
	margin: 0.2em 0px;

  		




  114
  117
  
    
	outline: medium none;

  		




  ......




  118
  121
  
    

  		




  119
  122
  
    
input[readonly], select[readonly], textarea[readonly] {

  		




  120
  123
  
    
	border-width: 0 0 1px 0;

  		




  
  124
  
    
	border-radius: 0;

  		




  121
  125
  
    
}

  		




  122
  126
  
    

  		




  123
  127
  
    
select[readonly] {

  		












  

    
      static/seine-et-marne-apa/_custom.scss
    
  





  462
  462
  
    
	margin-left: 0.5rem;

  		




  463
  463
  
    
}

  		




  464
  464
  
    

  		




  465
  
  
    
input, input[type="text"], input[type="email"], input[type="password"],

  		




  466
  
  
    
input[type="url"], input[type="tel"], input[type="number"],

  		




  467
  
  
    
input[type="search"], input[type="file"], input[type="date"],

  		




  468
  
  
    
input[type="datetime-local"], input[type="month"], input[type="time"],

  		




  469
  
  
    
input[type="week"], textarea, select {

  		




  470
  
  
    
	border-color: $lightblue;

  		




  471
  
  
    
	border-radius: $button-border-radius;

  		




  472
  
  
    
	&[readonly] {

  		




  473
  
  
    
		border-radius: 0;

  		




  474
  
  
    
	}

  		




  475
  
  
    
}

  		




  476
  
  
    

  		




  477
  465
  
    
span.required {

  		




  478
  466
  
    
	color: red;

  		




  479
  467
  
    
}

  		












  

    
      static/seine-et-marne-apa/_vars.scss
    
  





  35
  35
  
    
$very-small-limit: 800px;

  		




  36
  36
  
    

  		




  37
  37
  
    
$grid-gutter: 0px;

  		




  
  38
  
    

  		




  
  39
  
    
$widget-border: 1px solid $lightblue;

  		




  
  40
  
    
$widget-border-radius: $button-border-radius;

  		












  

    
      static/tournai/_custom.scss
    
  





  296
  296
  
    
}

  		




  297
  297
  
    

  		




  298
  298
  
    
input, input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], input[type="number"], input[type="search"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, select {

  		




  299
  
  
    
	border: 2px solid #b4b4b4;

  		




  300
  299
  
    
	&:focus,

  		




  301
  300
  
    
	&:active {

  		




  302
  301
  
    
		border-color: $primary-color;

  		












  

    
      static/tournai/_vars.scss
    
  





  27
  27
  
    
$cell-border: none;

  		




  28
  28
  
    
$sidebar-width: 240px;

  		




  29
  29
  
    
$grid-gutter: 0px;

  		




  
  30
  
    
$widget-border: 2px solid #b4b4b4;

  		




  30
  
  
    
-