0001-scss-add-never-alone-class-to-keep-grid-on-very-smal.patch
help/fr/misc-grid.page | ||
---|---|---|
32 | 32 | |
33 | 33 |
<note><p> |
34 | 34 |
Sur les petits écrans, les éléments de grille sont affichés sur toute la |
35 |
largeur. |
|
36 |
</p> |
|
37 | ||
38 |
</note> |
|
35 |
largeur, sauf si l'élément possède également la classe |
|
36 |
<code>never-alone</code>. |
|
37 |
</p></note> |
|
39 | 38 | |
40 | 39 |
<p> |
41 | 40 |
Pour forcer un retour en début de ligne, ou pour assurer un rendu correct |
static/includes/_grid.scss | ||
---|---|---|
14 | 14 |
box-sizing: border-box; |
15 | 15 |
padding-right: $grid-gutter; |
16 | 16 |
@media screen and (max-width: $very-small-limit) { |
17 |
width: 100%; |
|
18 |
padding-right: 0; |
|
17 |
&:not(.never-alone) { |
|
18 |
width: 100%; |
|
19 |
padding-right: 0; |
|
20 |
} |
|
19 | 21 |
} |
20 | 22 |
table, textarea, select, input[type=text], input[type=password], input[type=email] { |
21 | 23 |
width: 100%; |
22 |
- |