scss: force clear on <h3>, <h4> and <p> after any grid elements (#51896)

This commit is contained in:
Frédéric Péters 2021-03-11 09:14:26 +01:00
parent 847019138e
commit 91dfa5f0d8
1 changed files with 6 additions and 3 deletions

View File

@ -10,6 +10,12 @@ div.grid {
clear: none;
}
form div[class*=grid-] {
~ h3, ~ h4, ~ p, + div {
clear: both;
}
}
@each $i in 1, 2, 3, 4, 6, 12 {
@for $j from 1 through $i {
div.grid-#{$j}-#{$i} {
@ -32,9 +38,6 @@ div.grid {
@media screen and (max-width: $very-small-limit) {
width: 100%;
}
& + h3, & + h4, & + p, & + div {
clear: both;
}
table, textarea, select, input[type=text], input[type=password], input[type=email] {
width: 100%;
}