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

scss: add never-alone class to keep grid on very small widths (#29561)

This commit is contained in:
Frédéric Péters 2019-02-06 16:21:07 +01:00
parent 942445a661
commit 2432490908
2 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
help/fr/misc-grid.page
View File

@ -30,11 +30,20 @@ en faisant les deux-tiers. Les dénominateurs possibles sont 2, 3, 4, 6
et 12.
</p>
<note><p>
Sur les petits écrans, les éléments de grille sont affichés sur toute la
largeur.
<note>
<p>
Sur des écrans de petite dimension, la grille est automatiquement adaptée pour
ne pas rétrécir outre mesure les éléments, la largeur de ceux-ci est doublée,
par exemple un élément configuré pour une largeur d'un quart d'écran prendra
non pas un quart d'écran mais un demi écran.
</p>
<p>
Sur les très petits écrans, la mécanique de grille est totalement annulée et
tous les éléments de grille sont affichés sur toute la largeur disponible.
Il est cependant possible d'empêcher ce comportement en accompagnant la classe
<code>grid-x-y</code> de la classe <code>never-alone</code>.
</p>
</note>
<p>

6
static/includes/_grid.scss
View File

@ -14,8 +14,10 @@ div[class*=grid-] {
box-sizing: border-box;
padding-right: $grid-gutter;
@media screen and (max-width: $very-small-limit) {
width: 100%;
padding-right: 0;
&:not(.never-alone) {
width: 100%;
padding-right: 0;
}
}
table, textarea, select, input[type=text], input[type=password], input[type=email] {
width: 100%;