mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-24 18:26:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: form element margin bottom in .grid

Browse source
This commit is contained in:
Lucas Larroche 2024-02-18 11:52:51 +07:00
parent f714a51d9e
commit b8b7aa18c4
81 changed files with 454 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

14
scss/layout/_grid.scss
View file

@ -13,6 +13,20 @@
display: grid;
grid-template-columns: 1fr;
// Reset margin bottom for form elements on small screens
@if map.get($modules, "forms/basics") {
@media (max-width: calc(#{map.get(map.get($breakpoints, "md"), "breakpoint")} - 1px)) {
input:not([type="checkbox"], [type="radio"]),
select,
textarea,
fieldset,
fieldset legend,
label {
margin-bottom: 0;
}
}
}
@if map.get($breakpoints, "md") {
@media (min-width: map.get(map.get($breakpoints, "md"), "breakpoint")) {
grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));