0001-scss-add-independent-width-option-to-control-mobile-.patch
help/fr/misc-scss.page | ||
---|---|---|
287 | 287 |
<td><p>Largeur sous laquelle adopter le style "mobile"</p></td> |
288 | 288 |
<td><p><var>800px</var></p></td> |
289 | 289 |
</tr> |
290 |
<tr> |
|
291 |
<td><p><code>$nav-mobile-limit</code></p></td> |
|
292 |
<td><p>Largeur sous laquelle adopter la navigation "mobile"</p></td> |
|
293 |
<td><p><var>$mobile-limit</var></p></td> |
|
294 |
</tr> |
|
290 | 295 |
<tr> |
291 | 296 |
<td><p><code>$responsive-menu</code></p></td> |
292 | 297 |
<td><p>Apparence du menu de navigation responsive, soit top-to-bottom, soit |
static/includes/_nav.scss | ||
---|---|---|
15 | 15 |
$nav-submenu-background: $nav-background !default; |
16 | 16 |
$nav-submenu-color: $nav-menu-color !default; |
17 | 17 |
$nav-mobile-mode: hamburger !default; /* or bottom-bar */ |
18 |
$nav-mobile-limit: $mobile-limit !default; |
|
18 | 19 | |
19 | 20 |
$nav-item-selected-mode: background !default; /* or bottom-border */ |
20 | 21 |
$nav-item-hover-mode: background !default; /* or bottom-border */ |
... | ... | |
170 | 171 |
} |
171 | 172 | |
172 | 173 |
@if $nav-mobile-mode == hamburger { |
173 |
@media screen and (max-width: $mobile-limit) { |
|
174 |
@media screen and (max-width: $nav-mobile-limit) {
|
|
174 | 175 |
@if $responsive-menu == left-to-right { |
175 | 176 |
body { |
176 | 177 |
border-left: 4px solid $nav-border-color; |
... | ... | |
328 | 329 |
} |
329 | 330 | |
330 | 331 |
@if $nav-mobile-mode == bottom-bar { |
331 |
@media screen and (max-width: $mobile-limit) { |
|
332 |
@media screen and (max-width: $nav-mobile-limit) {
|
|
332 | 333 |
div#header h1 { |
333 | 334 |
padding-left: 0; |
334 | 335 |
background-position: 0; |
335 |
- |