google-fonts-cli/lp/css/pure-grid-7.css

a quick way to add a google font to your project

.pure-u-1,
.pure-u-1-1,
.pure-u-1-7,
.pure-u-2-7,
.pure-u-3-7,
.pure-u-4-7,
.pure-u-5-7,
.pure-u-6-7,
.pure-u-7-7 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1-7 {
    width: 14.2857%;
    *width: 14.2547%;
}

.pure-u-2-7 {
    width: 28.5714%;
    *width: 28.5404%;
}

.pure-u-3-7 {
    width: 42.8571%;
    *width: 42.8261%;
}

.pure-u-4-7 {
    width: 57.1429%;
    *width: 57.1119%;
}

.pure-u-5-7 {
    width: 71.4286%;
    *width: 71.3976%;
}

.pure-u-6-7 {
    width: 85.7143%;
    *width: 85.6833%;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-7-7 {
    width: 100%;
}

@media screen and (min-width: 35.5em) {
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-7,
    .pure-u-sm-2-7,
    .pure-u-sm-3-7,
    .pure-u-sm-4-7,
    .pure-u-sm-5-7,
    .pure-u-sm-6-7,
    .pure-u-sm-7-7 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-sm-1-7 {
        width: 14.2857%;
        *width: 14.2547%;
    }

    .pure-u-sm-2-7 {
        width: 28.5714%;
        *width: 28.5404%;
    }

    .pure-u-sm-3-7 {
        width: 42.8571%;
        *width: 42.8261%;
    }

    .pure-u-sm-4-7 {
        width: 57.1429%;
        *width: 57.1119%;
    }

    .pure-u-sm-5-7 {
        width: 71.4286%;
        *width: 71.3976%;
    }

    .pure-u-sm-6-7 {
        width: 85.7143%;
        *width: 85.6833%;
    }

    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-7-7 {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-1-7,
    .pure-u-md-2-7,
    .pure-u-md-3-7,
    .pure-u-md-4-7,
    .pure-u-md-5-7,
    .pure-u-md-6-7,
    .pure-u-md-7-7 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-md-1-7 {
        width: 14.2857%;
        *width: 14.2547%;
    }

    .pure-u-md-2-7 {
        width: 28.5714%;
        *width: 28.5404%;
    }

    .pure-u-md-3-7 {
        width: 42.8571%;
        *width: 42.8261%;
    }

    .pure-u-md-4-7 {
        width: 57.1429%;
        *width: 57.1119%;
    }

    .pure-u-md-5-7 {
        width: 71.4286%;
        *width: 71.3976%;
    }

    .pure-u-md-6-7 {
        width: 85.7143%;
        *width: 85.6833%;
    }

    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-7-7 {
        width: 100%;
    }
}

@media screen and (min-width: 64em) {
    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-1-7,
    .pure-u-lg-2-7,
    .pure-u-lg-3-7,
    .pure-u-lg-4-7,
    .pure-u-lg-5-7,
    .pure-u-lg-6-7,
    .pure-u-lg-7-7 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-lg-1-7 {
        width: 14.2857%;
        *width: 14.2547%;
    }

    .pure-u-lg-2-7 {
        width: 28.5714%;
        *width: 28.5404%;
    }

    .pure-u-lg-3-7 {
        width: 42.8571%;
        *width: 42.8261%;
    }

    .pure-u-lg-4-7 {
        width: 57.1429%;
        *width: 57.1119%;
    }

    .pure-u-lg-5-7 {
        width: 71.4286%;
        *width: 71.3976%;
    }

    .pure-u-lg-6-7 {
        width: 85.7143%;
        *width: 85.6833%;
    }

    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-7-7 {
        width: 100%;
    }
}

@media screen and (min-width: 80em) {
    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-1-7,
    .pure-u-xl-2-7,
    .pure-u-xl-3-7,
    .pure-u-xl-4-7,
    .pure-u-xl-5-7,
    .pure-u-xl-6-7,
    .pure-u-xl-7-7 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-xl-1-7 {
        width: 14.2857%;
        *width: 14.2547%;
    }

    .pure-u-xl-2-7 {
        width: 28.5714%;
        *width: 28.5404%;
    }

    .pure-u-xl-3-7 {
        width: 42.8571%;
        *width: 42.8261%;
    }

    .pure-u-xl-4-7 {
        width: 57.1429%;
        *width: 57.1119%;
    }

    .pure-u-xl-5-7 {
        width: 71.4286%;
        *width: 71.3976%;
    }

    .pure-u-xl-6-7 {
        width: 85.7143%;
        *width: 85.6833%;
    }

    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-7-7 {
        width: 100%;
    }
}