entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 9 Releases Wiki Activity

scss: introduce $mobile-width (#60039)

This commit is contained in:
Thomas Jund 2021-12-23 10:31:14 +01:00 committed by Thomas NOEL
parent 34f18d9b73
commit 1de5bdae20
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
help/fr/misc-scss.page
View File

@ -343,6 +343,11 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
<td><p>Largeur sous laquelle adopter le style "mobile"</p></td>
<td><p><var>800px</var></p></td>
</tr>
<tr>
<td><p><code>$mobile-width</code></p></td>
<td><p>Largeur maximale de la page "mobile"</p></td>
<td><p><var>null</var></p></td>
</tr>
<tr>
<td><p><code>$nav-mobile-limit</code></p></td>
<td><p>Largeur sous laquelle adopter la navigation "mobile"</p></td>

11
static/includes/_layout.scss
View File

@ -1,5 +1,6 @@
$width: 1000px !default;
$mobile-limit: 800px !default;
$mobile-width: null !default;
$very-small-limit: 480px !default;
$columns-gutter: 20px !default;
$footer-background: #666666 !default;
@ -45,10 +46,16 @@ div#page main {
div#header,
div#nav,
div#footer {
div#footer,
div#main-content-wrapper {
clear: both;
max-width: $width;
margin: 0 auto;
@if ($mobile-width) {
@media ($max-mobile-viewport) {
max-width: $mobile-width;
}
}
}
div#header {
@ -63,8 +70,6 @@ div#header {
div#main-content-wrapper {
position: relative;
z-index: 100;
max-width: $width;
margin: 0px auto 0px auto;
padding: 0;
@media screen and ($max-mobile-viewport) {
position: static;