diff --git a/README.md b/README.md index 061170aba..c23d223b4 100644 --- a/README.md +++ b/README.md @@ -109,7 +109,7 @@ Now, all Pure CSS files should be built into the `pure/build/` directory. All files that are in this build directory are also available on the CDN. The naming conventions of the files in the `build/` directory follow these rules: -* `[module]-core.css`: The minimal set of styles, ususally structural, that +* `[module]-core.css`: The minimal set of styles, usually structural, that provide the base on which the rest of the module's styles build. * `[module]-nr.css`: Rollup of `[module]-core.css` + `[module].css` + diff --git a/src/grids/css/grids-core.css b/src/grids/css/grids-core.css index 10294237e..971856616 100644 --- a/src/grids/css/grids-core.css +++ b/src/grids/css/grids-core.css @@ -44,6 +44,13 @@ align-content: flex-start; } +/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */ +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + table .pure-g { + display: block; + } +} + /* Opera as of 12 on Windows needs word-spacing. The ".opera-only" selector is used to prevent actual prefocus styling and is not required in markup. diff --git a/src/grids/tests/manual/responsive.html b/src/grids/tests/manual/responsive.html index 4d4342a07..f8d3004fc 100644 --- a/src/grids/tests/manual/responsive.html +++ b/src/grids/tests/manual/responsive.html @@ -446,5 +446,21 @@

.pure-img Images

+

Grid Inside Table

+ + + + +
+
+
+
1/2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus pharetra eros et mattis venenatis.
+
+
+
1/2 Nam neque sapien, lacinia non lectus non, accumsan suscipit ipsum.
+
+
+
+