Skip to content

Instantly share code, notes, and snippets.

@msecret
Created August 7, 2015 19:10
Show Gist options
  • Save msecret/98f705f52133efafccdb to your computer and use it in GitHub Desktop.
Save msecret/98f705f52133efafccdb to your computer and use it in GitHub Desktop.
.usa-grid,
.usa-grid-full {
max-width: 68em;
margin-left: auto;
margin-right: auto;
max-width: 980px; }
.usa-grid::after,
.usa-grid-full::after {
clear: both;
content: "";
display: table; }
@media screen and (min-width: 600px) {
.usa-grid .usa-width-one-whole,
.usa-grid-full .usa-width-one-whole {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%; }
.usa-grid .usa-width-one-whole:last-child,
.usa-grid-full .usa-width-one-whole:last-child {
margin-right: 0; }
.usa-grid .usa-width-one-half,
.usa-grid-full .usa-width-one-half {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%; }
.usa-grid .usa-width-one-half:last-child,
.usa-grid-full .usa-width-one-half:last-child {
margin-right: 0; }
.usa-grid .usa-width-one-third,
.usa-grid-full .usa-width-one-third {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%; }
.usa-grid .usa-width-one-third:last-child,
.usa-grid-full .usa-width-one-third:last-child {
margin-right: 0; }
.usa-grid .usa-width-two-thirds,
.usa-grid-full .usa-width-two-thirds {
float: left;
display: block;
margin-right: 2.35765%;
width: 65.88078%; }
.usa-grid .usa-width-two-thirds:last-child,
.usa-grid-full .usa-width-two-thirds:last-child {
margin-right: 0; }
.usa-grid .usa-width-one-fourth,
.usa-grid-full .usa-width-one-fourth {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%; }
.usa-grid .usa-width-one-fourth:last-child,
.usa-grid-full .usa-width-one-fourth:last-child {
margin-right: 0; }
.usa-grid .usa-width-three-fourths,
.usa-grid-full .usa-width-three-fourths {
float: left;
display: block;
margin-right: 2.35765%;
width: 74.41059%; }
.usa-grid .usa-width-three-fourths:last-child,
.usa-grid-full .usa-width-three-fourths:last-child {
margin-right: 0; }
.usa-grid .usa-width-one-sixth,
.usa-grid-full .usa-width-one-sixth {
float: left;
display: block;
margin-right: 2.35765%;
width: 14.70196%; }
.usa-grid .usa-width-one-sixth:last-child,
.usa-grid-full .usa-width-one-sixth:last-child {
margin-right: 0; }
.usa-grid .usa-width-five-sixths,
.usa-grid-full .usa-width-five-sixths {
float: left;
display: block;
margin-right: 2.35765%;
width: 82.94039%; }
.usa-grid .usa-width-five-sixths:last-child,
.usa-grid-full .usa-width-five-sixths:last-child {
margin-right: 0; }
.usa-grid .usa-width-one-twelfth,
.usa-grid-full .usa-width-one-twelfth {
float: left;
display: block;
margin-right: 2.35765%;
width: 6.17215%; }
.usa-grid .usa-width-one-twelfth:last-child,
.usa-grid-full .usa-width-one-twelfth:last-child {
margin-right: 0; }
.usa-grid .usa-end-row,
.usa-grid-full .usa-end-row {
margin-right: 0; } }
.usa-grid {
padding: 0 2.5rem; }
.usa-grid-full {
padding: 0; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment