pure.css in pure-css-rails-0.3.0

- old
+ new

@@ -1,16 +1,15 @@
 /*!
-Pure v0.2.1
+Pure v0.3.0
 Copyright 2013 Yahoo! Inc. All rights reserved.
 Licensed under the BSD License.
 https://github.com/yui/pure/blob/master/LICENSE.md
 */
 /*!
 normalize.css v1.1.2 | MIT License | git.io/normalize
 Copyright (c) Nicolas Gallagher and Jonathan Neal
 */
-/* THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT! */
 /*! normalize.css v1.1.2 | MIT License | git.io/normalize */
 
 /* ==========================================================================
    HTML5 display definitions
    ========================================================================== */
@@ -573,11 +572,10 @@
     border: 1px solid #999;  /*IE 6/7/8*/
     border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
     background-color: #E6E6E6;
     text-decoration: none;
     border-radius: 2px;
-    -webkit-font-smoothing: antialiased;
     /* Transitions */
     -webkit-transition: 0.1s linear -webkit-box-shadow;
     -moz-transition: 0.1s linear -moz-box-shadow;
     -ms-transition: 0.1s linear box-shadow;
     -o-transition: 0.1s linear box-shadow;
@@ -635,160 +633,10 @@
 a.pure-button-selected {
     background-color: rgb(0, 120, 231);
     color: #fff;
 }
 
-/* This page has Normalize.css form-specific style rules applied to a .pure-form context */
-
-/* ==========
-   Forms Core
-   =========*/
-
-/*
- * Corrects margin displayed oddly in IE 6/7.
- */
-
-.pure-form {
-    margin: 0;
-}
-
-/*
- * Define consistent border, margin, and padding.
- */
-
-.pure-form fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
-}
-
-/*
- * 1. Corrects color not being inherited in IE 6/7/8/9.
- * 2. Corrects text not wrapping in Firefox 3.
- * 3. Corrects alignment displayed oddly in IE 6/7.
- */
-
-.pure-form legend {
-    border: 0; /* 1 */
-    padding: 0;
-    white-space: normal; /* 2 */
-    *margin-left: -7px; /* 3 */
-}
-
-/*
- * 1. Corrects font size not being inherited in all browsers.
- * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
- *    and Chrome.
- * 3. Improves appearance and consistency in all browsers.
- */
-
-.pure-form button,
-.pure-form input,
-.pure-form select,
-.pure-form textarea {
-    font-size: 100%; /* 1 */
-    margin: 0; /* 2 */
-    vertical-align: baseline; /* 3 */
-    *vertical-align: middle; /* 3 */
-}
-
-/*
- * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-.pure-form button,
-.pure-form input {
-    line-height: normal;
-}
-
-/*
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Corrects inability to style clickable `input` types in iOS.
- * 3. Improves usability and consistency of cursor style between image-type
- *    `input` and others.
- * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
- *    Known issue: inner spacing remains in IE 6.
- */
-
-.pure-form button,
-.pure-form input[type="button"], /* 1 */
-.pure-form input[type="reset"],
-.pure-form input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
-    *overflow: visible;  /* 4 */
-}
-
-/*
- * Re-set default cursor for disabled elements.
- */
-
-.pure-form button[disabled],
-.pure-form input[disabled] {
-    cursor: default;
-}
-
-/*
- * 1. Addresses box sizing set to content-box in IE 8/9.
- * 2. Removes excess padding in IE 8/9.
- * 3. Removes excess padding in IE 7.
- *    Known issue: excess padding remains in IE 6.
- */
-
-.pure-form input[type="checkbox"],
-.pure-form input[type="radio"] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
-    *height: 13px; /* 3 */
-    *width: 13px; /* 3 */
-}
-
-/*
- * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
- *    (include `-moz` to future-proof).
- */
-
-.pure-form input[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
-    box-sizing: content-box;
-}
-
-/*
- * Removes inner padding and search cancel button in Safari 5 and Chrome
- * on OS X.
- */
-
-.pure-form input[type="search"]::-webkit-search-cancel-button,
-.pure-form input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-/*
- * Removes inner padding and border in Firefox 3+.
- */
-
-.pure-form button::-moz-focus-inner,
-.pure-form input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-
-/*
- * 1. Removes default vertical scrollbar in IE 6/7/8/9.
- * 2. Improves readability and alignment in all browsers.
- */
-
-.pure-form textarea {
-    overflow: auto; /* 1 */
-    vertical-align: top; /* 2 */
-}
-
 .pure-form input[type="text"],
 .pure-form input[type="password"],
 .pure-form input[type="email"],
 .pure-form input[type="url"],
 .pure-form input[type="date"],
@@ -815,11 +663,10 @@
     -o-transition: 0.3s linear border;
     transition: 0.3s linear border;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
-    -webkit-font-smoothing: antialiased;
 }
 
 .pure-form input[type="text"]:focus,
 .pure-form input[type="password"]:focus,
 .pure-form input[type="email"]:focus,
@@ -872,20 +719,16 @@
     background-color: #eaeded;
     color: #cad2d3;
 }
 .pure-form input[readonly],
 .pure-form select[readonly],
-.pure-form textarea[readonly],
-.pure-form input[readonly]:focus,
-.pure-form select[readonly]:focus,
-.pure-form textarea[readonly]:focus {
+.pure-form textarea[readonly] {
     background: #eee; /* menu hover bg color */
     color: #777; /* menu text color */
     border-color: #ccc;
 }
 
-
 .pure-form input:focus:invalid,
 .pure-form textarea:focus:invalid,
 .pure-form select:focus:invalid {
     color: #b94a48;
     border: 1px solid #ee5f5b;
@@ -1103,15 +946,49 @@
         /* Increased bottom padding to make it group with its related input element. */
         padding: 0.2em 0 0.8em;
     }
 }
 
+/*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 */
     *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
     text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+
+    /*
+    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.
@@ -1129,10 +1006,18 @@
     word-spacing: normal;
     vertical-align: top;
     text-rendering: auto;
 }
 
+/*
+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 [class *= "pure-u"] {
+    font-family: sans-serif;
+}
+
 .pure-u-1,
 .pure-u-1-2,
 .pure-u-1-3,
 .pure-u-2-3,
 .pure-u-1-4,
@@ -1172,122 +1057,181 @@
     width: 100%;
 }
 
 .pure-u-1-2 {
     width: 50%;
+    *width: 49.969%;
 }
 
 .pure-u-1-3 {
-    width: 33.33333%;
+    width: 33.3333%;
+    *width: 33.3023%;
 }
 
 .pure-u-2-3 {
-    width: 66.66666%;
+    width: 66.6667%;
+    *width: 66.6357%;
 }
 
 .pure-u-1-4 {
     width: 25%;
+    *width: 24.969%;
 }
 
 .pure-u-3-4 {
     width: 75%;
+    *width: 74.969%;
 }
 
 .pure-u-1-5 {
     width: 20%;
+    *width: 19.969%;
 }
 
 .pure-u-2-5 {
     width: 40%;
+    *width: 39.969%;
 }
 
 .pure-u-3-5 {
     width: 60%;
+    *width: 59.969%;
 }
 
 .pure-u-4-5 {
     width: 80%;
+    *width: 79.969%;
 }
 
 .pure-u-1-6 {
-    width: 16.666%;
+    width: 16.6667%;
+    *width: 16.6357%;
 }
 
 .pure-u-5-6 {
-    width: 83.33%;
+    width: 83.3333%;
+    *width: 83.3023%;
 }
 
 .pure-u-1-8 {
     width: 12.5%;
+    *width: 12.469%;
 }
 
 .pure-u-3-8 {
     width: 37.5%;
+    *width: 37.469%;
 }
 
 .pure-u-5-8 {
     width: 62.5%;
+    *width: 62.469%;
 }
 
 .pure-u-7-8 {
     width: 87.5%;
+    *width: 87.469%;
 }
 
 .pure-u-1-12 {
     width: 8.3333%;
+    *width: 8.3023%;
 }
 
 .pure-u-5-12 {
-    width: 41.6666%;
+    width: 41.6667%;
+    *width: 41.6357%;
 }
 
 .pure-u-7-12 {
     width: 58.3333%;
+    *width: 58.3023%;
 }
 
 .pure-u-11-12 {
-    width: 91.6666%;
+    width: 91.6667%;
+    *width: 91.6357%;
 }
 
 .pure-u-1-24 {
-    width: 4.1666%;
+    width: 4.1667%;
+    *width: 4.1357%;
 }
 
 .pure-u-5-24 {
     width: 20.8333%;
+    *width: 20.8023%;
 }
 
 .pure-u-7-24 {
-    width: 29.1666%;
+    width: 29.1667%;
+    *width: 29.1357%;
 }
 
 .pure-u-11-24 {
     width: 45.8333%;
+    *width: 45.8023%;
 }
 
 .pure-u-13-24 {
-    width: 54.1666%;
+    width: 54.1667%;
+    *width: 54.1357%;
 }
 
 .pure-u-17-24 {
     width: 70.8333%;
+    *width: 70.8023%;
 }
 
 .pure-u-19-24 {
-    width: 79.1666%;
+    width: 79.1667%;
+    *width: 79.1357%;
 }
 
 .pure-u-23-24 {
     width: 95.8333%;
+    *width: 95.8023%;
 }
 
-/*csslint regex-selectors:false, unqualified-attributes:false*/
+/*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.
@@ -1295,11 +1239,20 @@
 .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;