scss: introduce $form-sidebar-width & $form-sidebar-gutter sass vars (#57853)

This commit is contained in:
Thomas Jund 2021-10-14 14:10:57 +02:00
parent c27d279d21
commit 2ec7637087
2 changed files with 14 additions and 2 deletions

View File

@ -453,6 +453,16 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
« top ».</p></td>
<td><p><var>left</var></p></td>
</tr>
<tr>
<td><p><code>$form-sidebar-width</code></p></td>
<td><p>Largeur de la barre latérale au formulaire</p></td>
<td><p><var>18.5%</var></p></td>
</tr>
<tr>
<td><p><code>$form-sidebar-gutter</code></p></td>
<td><p>Espace entre la barre latérale et le formulaire</p></td>
<td><p><var>2%</var></p></td>
</tr>
<tr>
<td><p><code>$button-background</code></p></td>
<td><p>Couleur de fond des boutons</p></td>

View File

@ -1,6 +1,8 @@
// $form-sidebar-position: position of sidebar (tracking code + steps)
// possible values are: left, right, top
$form-sidebar-position: left !default;
$form-sidebar-width: 18.5% !default;
$form-sidebar-gutter: 2% !default;
// hide a bunch of elements
div#droite,
@ -33,7 +35,7 @@ div#rub_service {
} @else {
div#gauche {
clear: both;
width: 18.5%;
width: $form-sidebar-width;
@if ($form-sidebar-position == left) {
float: left;
} @else {
@ -42,7 +44,7 @@ div#rub_service {
}
div#gauche + div#rub_service {
width: 79.5%;
width: calc(100% - #{$form-sidebar-width} - #{$form-sidebar-gutter});
clear: none;
@if ($form-sidebar-position == left) {
float: right;