mod/bootstrap/vendor/bootswatch/docs/3/bower_components/bootstrap/less/mixins/grid.less in card-1.97.0 vs mod/bootstrap/vendor/bootswatch/docs/3/bower_components/bootstrap/less/mixins/grid.less in card-1.97.0.1
- old
+ new
@@ -2,32 +2,32 @@
//
// Generate semantic grid columns with these mixins.
// Centered container element
.container-fixed(@gutter: @grid-gutter-width) {
+ padding-right: ceil((@gutter / 2));
+ padding-left: floor((@gutter / 2));
margin-right: auto;
margin-left: auto;
- padding-left: floor((@gutter / 2));
- padding-right: ceil((@gutter / 2));
&:extend(.clearfix all);
}
// Creates a wrapper for a series of columns
.make-row(@gutter: @grid-gutter-width) {
- margin-left: ceil((@gutter / -2));
margin-right: floor((@gutter / -2));
+ margin-left: ceil((@gutter / -2));
&:extend(.clearfix all);
}
// Generate the extra small columns
.make-xs-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
float: left;
width: percentage((@columns / @grid-columns));
min-height: 1px;
- padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
+ padding-left: (@gutter / 2);
}
.make-xs-column-offset(@columns) {
margin-left: percentage((@columns / @grid-columns));
}
.make-xs-column-push(@columns) {
@@ -39,12 +39,12 @@
// Generate the small columns
.make-sm-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
min-height: 1px;
- padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
+ padding-left: (@gutter / 2);
@media (min-width: @screen-sm-min) {
float: left;
width: percentage((@columns / @grid-columns));
}
@@ -67,12 +67,12 @@
// Generate the medium columns
.make-md-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
min-height: 1px;
- padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
+ padding-left: (@gutter / 2);
@media (min-width: @screen-md-min) {
float: left;
width: percentage((@columns / @grid-columns));
}
@@ -95,11 +95,11 @@
// Generate the large columns
.make-lg-column(@columns; @gutter: @grid-gutter-width) {
position: relative;
min-height: 1px;
- padding-left: (@gutter / 2);
padding-right: (@gutter / 2);
+ padding-left: (@gutter / 2);
@media (min-width: @screen-lg-min) {
float: left;
width: percentage((@columns / @grid-columns));
}