1 /*!

     2 Pure v0.3.0

     3 Copyright 2013 Yahoo! Inc. All rights reserved.

     4 Licensed under the BSD License.

     5 https://github.com/yui/pure/blob/master/LICENSE.md

     6 */

     7 

     8 /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/

     9 

    10 .yui3-g {

    11     letter-spacing: -0.31em;

    12     /* Webkit: collapse white-space between units */

    13     *letter-spacing: normal;

    14     /* reset IE < 8 */

    15     *word-spacing: -0.43em;

    16     /* IE < 8: collapse white-space between units */

    17     text-rendering: optimizespeed;

    18     /* Webkit: fixes text-rendering: optimizeLegibility */

    19     /*

    20     Sets the font stack to fonts known to work properly with the above letter

    21     and word spacings. See: https://github.com/yui/pure/issues/41/

    22 

    23     The following font stack makes Pure Grids work on all known environments.

    24 

    25     * FreeSans: Ships with many Linux distros, including Ubuntu

    26 

    27     * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and

    28       Arial to get picked up by the browser, even though neither is available

    29       in Chrome OS.

    30 

    31     * Droid Sans: Ships with all versions of Android.

    32 

    33     * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.

    34     */

    35     font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;

    36     /*

    37     Use flexbox when possible to avoid `letter-spacing` side-effects.

    38 

    39     NOTE: Firefox (as of 25) does not currently support flex-wrap, so the

    40     `-moz-` prefix version is omitted.

    41     */

    42     display: -webkit-flex;

    43     -webkit-flex-flow: row wrap;

    44     /* IE10 uses display: flexbox */

    45     display: -ms-flexbox;

    46     -ms-flex-flow: row wrap;

    47 }

    48 

    49 /* Opera as of 12 on Windows needs word-spacing.

    50    The ".opera-only" selector is used to prevent actual prefocus styling

    51    and is not required in markup.

    52 */

    53 

    54 .opera-only :-o-prefocus,

    55 .yui3-g {

    56     word-spacing: -0.43em;

    57 }

    58 

    59 .yui3-u {

    60     display: inline-block;

    61     *display: inline;

    62     /* IE < 8: fake inline-block */

    63     zoom: 1;

    64     letter-spacing: normal;

    65     word-spacing: normal;

    66     vertical-align: top;

    67     text-rendering: auto;

    68 }

    69 

    70 /*

    71 Resets the font family back to the OS/browser's default sans-serif font,

    72 this the same font stack that Normalize.css sets for the `body`.

    73 */

    74 

    75 .yui3-g [class *= "yui3-u"] {

    76     font-family: sans-serif;

    77 }

    78 /* YUI CSS Detection Stamp */

    79 #yui3-css-stamp.cssgrids-base { display: none; }