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