Created
August 21, 2015 16:50
-
-
Save msecret/2b06594ca1aa76ff97ca to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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: 4.82916%; | |
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: 4.82916%; | |
width: 100%; } | |
.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: 4.82916%; | |
width: 30.11389%; } | |
.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: 4.82916%; | |
width: 65.05695%; } | |
.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: 4.82916%; | |
width: 47.58542%; } | |
.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: 4.82916%; | |
width: 100%; } | |
.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: 4.82916%; | |
width: 30.11389%; } | |
.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: 4.82916%; | |
width: 82.52847%; } | |
.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: 4.82916%; | |
width: 12.64237%; } | |
.usa-grid .usa-width-one-twelfth:last-child, | |
.usa-grid-full .usa-width-one-twelfth:last-child { | |
margin-right: 0; } } | |
@media screen and (min-width: 1201px) { | |
.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