From b77605e5b4d90fce9b829cb2b15b6c7c6d3fce59 Mon Sep 17 00:00:00 2001 From: RafiBomb Date: Fri, 16 Jun 2017 10:00:17 +0300 Subject: [PATCH] adds potential solution for #10194 --- scss/xy-grid/_classes.scss | 7 ++++- test/visual/xy-grid/nested-grid.html | 38 ++++++++++++++++++++++++++++ 2 files changed, 44 insertions(+), 1 deletion(-) create mode 100644 test/visual/xy-grid/nested-grid.html diff --git a/scss/xy-grid/_classes.scss b/scss/xy-grid/_classes.scss index 0575abbec..0e65ef78d 100644 --- a/scss/xy-grid/_classes.scss +++ b/scss/xy-grid/_classes.scss @@ -98,7 +98,7 @@ $wrapping-selector: '.grid-margin-x' ){ #{$wrapping-selector} { - @include xy-gutters($negative: true, $gutter-position: $gutter-position); + @include xy-gutters($negative: false, $gutter-position: $gutter-position); // Base cell styles > .cell { @@ -128,6 +128,11 @@ @include -xy-breakpoint-cell-classes($-zf-size, $-zf-size, $vertical); } + + #{$wrapping-selector} { + margin-left: -0.9375rem; + margin-right: -0.9375rem; + } } } diff --git a/test/visual/xy-grid/nested-grid.html b/test/visual/xy-grid/nested-grid.html new file mode 100644 index 000000000..3f22332b1 --- /dev/null +++ b/test/visual/xy-grid/nested-grid.html @@ -0,0 +1,38 @@ + + + + + + + xy padding grid + + + + + +

The grid below is nested. The edges of the images should line up with each other.

+ +
+
+ +
+
+ +
+
+ +
+
+

Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus.

+
+
+ + + + + + + -- 2.47.2