css: sync grid with publik-base-theme (inputs & never-alone) (#73506)

This commit is contained in:
Frédéric Péters 2023-01-17 18:03:45 +01:00
parent 0f335d9f33
commit 20e8fc9594
1 changed files with 16 additions and 7 deletions

View File

@ -14,6 +14,22 @@ form div[class*=grid-] {
~ h3, ~ h4, ~ p, + div {
clear: both;
}
@media screen and (max-width: $very-small-limit) {
&:not(.never-alone) {
width: 100%;
padding-right: 0;
}
}
table, textarea, select, input:not([type=checkbox]):not([type=radio]) {
width: 100%;
}
.select2-container {
min-width: auto;
width: 100% !important;
}
.select2-selection {
width: 100% !important;
}
}
@each $i in 1, 2, 3, 4, 6, 12 {
@ -38,13 +54,6 @@ form div[class*=grid-] {
@media screen and (max-width: $very-small-limit) {
width: 100%;
}
table, textarea, select, input[type=text], input[type=password], input[type=email] {
width: 100%;
}
.select2-container {
min-width: auto;
width: 100% !important;
}
}
body div + div.grid-#{$j}-#{$i}, /* more specific than & + div above*/
div div.grid-#{$j}-#{$i} {