scss: introduce $sidebar-columns-gutter (#55325)

This commit is contained in:
Thomas Jund 2021-07-01 12:51:22 +02:00
parent 26598dee5a
commit 206203d1a3
2 changed files with 13 additions and 2 deletions

View File

@ -105,6 +105,16 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
à gauche.</p></td>
<td><p><var>classic</var></p></td>
</tr>
<tr>
<td><p><code>$columns-gutter</code></p></td>
<td><p>Espace (« gouttière ») entre les colonnes des modèles de page.</p></td>
<td><p><var>20px</var></p></td>
</tr>
<tr>
<td><p><code>$sidebar-columns-gutter</code></p></td>
<td><p>Espace (« gouttière ») entre la barre latérale et les colonnes.</p></td>
<td><p><var>$columns-gutter</var></p></td>
</tr>
<tr>
<td><p><code>$grid-gutter</code></p></td>
<td><p>Espace (« gouttière ») entre les éléments disposés en grille.</p></td>

View File

@ -10,6 +10,7 @@ $sidebar-width: 300px !default;
$sidebar-max-width: $sidebar-width !default;
$sidebar-min-width: 0 !default;
$sidebar-position: left !default;
$sidebar-columns-gutter: $columns-gutter !default;
// custom media queries
// @media ($max-mobile-viewport) {}
@ -102,9 +103,9 @@ div#main-content {
div.cell {
@if $sidebar-position == left {
margin-left: 0;
margin-right: $columns-gutter;
margin-right: $sidebar-columns-gutter;
} @else {
margin-left: $columns-gutter;
margin-left: $sidebar-columns-gutter;
margin-right: 0px;
}
}