scss: introduce $form-sidebar-width & $form-sidebar-gutter sass vars (#57853)
This commit is contained in:
parent
c27d279d21
commit
2ec7637087
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue