scss: introduce $sidebar-columns-gutter (#55325)
This commit is contained in:
parent
26598dee5a
commit
206203d1a3
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue