lib/assets/stylesheets/uniform/components/grid.scss in uniform-ui-2.2.2 vs lib/assets/stylesheets/uniform/components/grid.scss in uniform-ui-2.3.2
- old
+ new
@@ -17,10 +17,16 @@
& > * {
padding-left: $grid-gutter;
padding-right: $grid-gutter;
}
}
+ &.grid-gutter-half {
+ & > * {
+ padding-left: $grid-gutter/4;
+ padding-right: $grid-gutter/4;
+ }
+ }
}
@include size-rule('md'){
.grid,
.grid-md,
.grid-lg,
@@ -35,10 +41,17 @@
& > * {
padding-left:$grid-gutter * 2;
padding-right: $grid-gutter * 2;
}
}
+
+ .grid.grid-gutter-half {
+ & > * {
+ padding-left:$grid-gutter / 2;
+ padding-right: $grid-gutter / 2;
+ }
+ }
}
.grid-h-left {justify-content: flex-start;}
.grid-h-center {justify-content: center;}
.grid-h-right {justify-content: flex-end;}
@@ -85,10 +98,14 @@
margin-right: -$grid-gutter;
&.grid-gutter-2x{
margin-left: -$grid-gutter*2;
margin-right: -$grid-gutter*2;
}
+ &.grid-gutter-half{
+ margin-left: -$grid-gutter/2;
+ margin-right: -$grid-gutter/2;
+ }
}
.grid-nest-half{
margin-left: -0.5em;
margin-right: -0.5em;
}
@@ -97,9 +114,13 @@
margin-left: -$grid-gutter/2;
margin-right: -$grid-gutter/2;
&.grid-gutter-2x{
margin-left: -$grid-gutter;
margin-right: -$grid-gutter;
+ }
+ &.grid-gutter-half{
+ margin-left: -$grid-gutter/4;
+ margin-right: -$grid-gutter/4;
}
}
}
// fix for IE https://codepen.io/anon/pen/gxNraR
\ No newline at end of file