pure.css in pure-css-rails-0.5.0

- old
+ new

@@ -1,7 +1,7 @@
 /*!
-Pure v0.4.2
+Pure v0.5.0
 Copyright 2014 Yahoo! Inc. All rights reserved.
 Licensed under the BSD License.
 https://github.com/yui/pure/blob/master/LICENSE.md
 */
 /*!
@@ -552,10 +552,20 @@
 
 [hidden] {
     display: none !important;
 }
 
+/**
+ * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
+ * aspect ratio.
+ */
+.pure-img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+}
+
 /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
 
 .pure-g {
     letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
     *letter-spacing: normal; /* reset IE < 8 */
@@ -831,113 +841,10 @@
 .pure-u-1-1,
 .pure-u-5-5,
 .pure-u-24-24 {
     width: 100%;
 }
-/*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;
-    }
-}
-
 .pure-button {
     /* Structure */
     display: inline-block;
     *display: inline; /*IE 6/7*/
     zoom: 1;
@@ -1702,10 +1609,10 @@
     border-left: 1px solid #cbcbcb;/*  inner column border */
     border-width: 0 0 0 1px;
     font-size: inherit;
     margin: 0;
     overflow: visible; /*to make ths where the title is really long work*/
-    padding: 6px 12px; /* cell padding */
+    padding: 0.5em 1em; /* cell padding */
 }
 .pure-table td:first-child,
 .pure-table th:first-child {
     border-left-width: 0;
 }