Add a "row without gutters" class
Created by: IamManchanda
There are many instances when u want the grid to don't have the gutters in it . As it just take small 8-9 lines of code then why not
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
The SCSS/Less Version of the same
.row.no-gutters {
margin-right: 0;
margin-left: 0;
& > [class^="col-"],
& > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
}
The scss-lint version
.row.no-gutters {
margin-right: 0;
margin-left: 0;
> [class^="col-"],
> [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
}
Will be great if this can be added in v4 ?