diff --git a/src/grids/css/grids-r.css b/src/grids/css/grids-r.css deleted file mode 100644 index b9ff062..0000000 --- a/src/grids/css/grids-r.css +++ /dev/null @@ -1,102 +0,0 @@ -/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/ - -.pure-g-r { - letter-spacing: -0.31em; - *letter-spacing: normal; - *word-spacing: -0.43em; - - /* - Sets the font stack to fonts known to work properly with the above letter - and word spacings. See: https://github.com/yui/pure/issues/41/ - - The following font stack makes Pure Grids work on all known environments. - - * FreeSans: Ships with many Linux distros, including Ubuntu - - * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and - Arial to get picked up by the browser, even though neither is available - in Chrome OS. - - * Droid Sans: Ships with all versions of Android. - - * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows. - */ - font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; - - /* - Use flexbox when possible to avoid `letter-spacing` side-effects. - - NOTE: Firefox (as of 25) does not currently support flex-wrap, so the - `-moz-` prefix version is omitted. - */ - - display: -webkit-flex; - -webkit-flex-flow: row wrap; - - /* IE10 uses display: flexbox */ - display: -ms-flexbox; - -ms-flex-flow: row wrap; -} - -/* 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. -*/ -.opera-only :-o-prefocus, -.pure-g-r { - word-spacing: -0.43em; -} - -/* -Resets the font family back to the OS/browser's default sans-serif font, -this the same font stack that Normalize.css sets for the `body`. -*/ -.pure-g-r [class *= "pure-u"] { - font-family: sans-serif; -} - -.pure-g-r img { - max-width: 100%; - height: auto; -} - -@media (min-width: 980px) { - .pure-visible-phone { - display: none; - } - .pure-visible-tablet { - display: none; - } - .pure-hidden-desktop { - display: none; - } -} - -@media (max-width: 480px) { - .pure-g-r > .pure-u, - .pure-g-r > [class *= "pure-u-"] { - width: 100%; - } -} - -@media (max-width: 767px) { - .pure-g-r > .pure-u, - .pure-g-r > [class *= "pure-u-"] { - width: 100%; - } - .pure-hidden-phone { - display: none; - } - .pure-visible-desktop { - display: none; - } -} - -@media (min-width: 768px) and (max-width: 979px) { - .pure-hidden-tablet { - display: none; - } - .pure-visible-desktop { - display: none; - } -} diff --git a/src/grids/tests/manual/responsive.html b/src/grids/tests/manual/responsive.html index bc8505f..225dea3 100644 --- a/src/grids/tests/manual/responsive.html +++ b/src/grids/tests/manual/responsive.html @@ -274,301 +274,6 @@ -

Responsive Grid

- -
-
-
1/2
-
-
-
1/2
-
-
- -
-
-
1/4
-
-
-
1/4
-
-
-
1/4
-
-
-
1/4
-
-
- -
-
-
3/4
-
-
-
1/4
-
-
- -
-
-
1/3
-
-
-
1/3
-
-
-
1/3
-
-
- -
-
-
1/3
-
-
-
2/3
-
-
- -
-
-
1/5
-
-
-
2/5
-
-
-
2/5
-
-
- -
-
-
3/5
-
-
-
2/5
-
-
- -
-
-
1/6
-
-
-
1/6
-
-
-
1/6
-
-
-
1/6
-
-
-
1/6
-
-
-
1/6
-
-
- -
-
-
1/6
-
-
-
5/6
-
-
- -
-
-
1/8
-
-
-
3/8
-
-
-
3/8
-
-
-
1/8
-
-
- -
-
-
3/8
-
-
-
5/8
-
-
- -
-
-
7/8
-
-
-
1/8
-
-
- -
-
-
1/4
-
-
-
1/2
-
-
-
1/4
-
-
- -
-
-
1/8
-
-
-
1/2
-
-
-
1/8
-
-
-
1/4
-
-
- -
-
-
1/12
-
-
-
5/12
-
-
-
1/12
-
-
-
5/12
-
-
- -
-
-
7/12
-
-
-
5/12
-
-
- -
-
-
1/12
-
-
-
11/12
-
-
- -
-
-
1/24
-
-
-
5/24
-
-
-
7/24
-
-
-
11/24
-
-
- -
-
-
17/24
-
-
-
7/24
-
-
- -
-
-
19/24
-
-
-
5/24
-
-
- -
-
-
1/24
-
-
-
23/24
-
-
- - -

Images Grid

- -
-
- Test image. -
-
- Test image. -
-
- Test image. -
-
- - -

Nested Grids

- -
-
-
-
-
-
Nested 1/2
-
-
-
Nested 1/2
-
-
-
-
- -
-
-
-
-
r1/4
-
-
-
r1/4
-
-
-
r1/4
-
-
-
r1/4
-
-
-
-
-
- -

Custom Font and Grids

@@ -576,7 +281,7 @@ Grids with a serif font stack.

-
+
@@ -592,7 +297,7 @@
-
+
r1/4
@@ -616,7 +321,7 @@ Grids with a monospace font stack.

-
+
@@ -632,7 +337,7 @@
-
+
r1/4