Permalink
Switch branches/tags
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
1120 lines (778 sloc) 16.3 KB
html {
box-sizing: border-box; }
*, *:before, *:after {
box-sizing: inherit; }
.grid, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
margin: 0;
clear: none;
float: left; }
.grid-1 {
width: 8.33333%; }
.grid-2 {
width: 16.66667%; }
.grid-3 {
width: 25%; }
.grid-4 {
width: 33.33333%; }
.grid-5 {
width: 41.66667%; }
.grid-6 {
width: 50%; }
.grid-7 {
width: 58.33333%; }
.grid-8 {
width: 66.66667%; }
.grid-9 {
width: 75%; }
.grid-10 {
width: 83.33333%; }
.grid-11 {
width: 91.66667%; }
.grid-12 {
width: 100%; }
.offset-0 {
margin-left: 0; }
.offset-1 {
margin-left: 8.33333%; }
.offset-2 {
margin-left: 16.66667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333%; }
.offset-5 {
margin-left: 41.66667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333%; }
.offset-8 {
margin-left: 66.66667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333%; }
.offset-11 {
margin-left: 91.66667%; }
.offset-12 {
margin-left: 100%; }
.pad-1 {
padding: 8px; }
.pad-1-left {
padding-left: 8px; }
.pad-1-right {
padding-right: 8px; }
.pad-1-top {
padding-top: 8px; }
.pad-1-bottom {
padding-bottom: 8px; }
.pad-1-sides {
padding-left: 8px;
padding-right: 8px; }
.pad-1-vert {
padding-top: 8px;
padding-bottom: 8px; }
.marg-1 {
margin: 8px; }
.marg-1-left {
margin-left: 8px; }
.marg-1-right {
margin-right: 8px; }
.marg-1-top {
margin-top: 8px; }
.marg-1-bottom {
margin-bottom: 8px; }
.marg-1-sides {
margin-left: 8px;
margin-right: 8px; }
.marg-1-vert {
margin-top: 8px;
margin-bottom: 8px; }
.pad-2 {
padding: 16px; }
.pad-2-left {
padding-left: 16px; }
.pad-2-right {
padding-right: 16px; }
.pad-2-top {
padding-top: 16px; }
.pad-2-bottom {
padding-bottom: 16px; }
.pad-2-sides {
padding-left: 16px;
padding-right: 16px; }
.pad-2-vert {
padding-top: 16px;
padding-bottom: 16px; }
.marg-2 {
margin: 16px; }
.marg-2-left {
margin-left: 16px; }
.marg-2-right {
margin-right: 16px; }
.marg-2-top {
margin-top: 16px; }
.marg-2-bottom {
margin-bottom: 16px; }
.marg-2-sides {
margin-left: 16px;
margin-right: 16px; }
.marg-2-vert {
margin-top: 16px;
margin-bottom: 16px; }
.pad-3 {
padding: 32px; }
.pad-3-left {
padding-left: 32px; }
.pad-3-right {
padding-right: 32px; }
.pad-3-top {
padding-top: 32px; }
.pad-3-bottom {
padding-bottom: 32px; }
.pad-3-sides {
padding-left: 32px;
padding-right: 32px; }
.pad-3-vert {
padding-top: 32px;
padding-bottom: 32px; }
.marg-3 {
margin: 32px; }
.marg-3-left {
margin-left: 32px; }
.marg-3-right {
margin-right: 32px; }
.marg-3-top {
margin-top: 32px; }
.marg-3-bottom {
margin-bottom: 32px; }
.marg-3-sides {
margin-left: 32px;
margin-right: 32px; }
.marg-3-vert {
margin-top: 32px;
margin-bottom: 32px; }
.pad-0 {
padding: 0; }
.pad-0-left {
padding-left: 0; }
.pad-0-right {
padding-right: 0; }
.pad-0-top {
padding-top: 0; }
.pad-0-bottom {
padding-bottom: 0; }
.pad-0-sides {
padding-left: 0;
padding-right: 0; }
.pad-0-vert {
padding-top: 0;
padding-bottom: 0; }
.marg-0 {
margin: 0; }
.marg-0-left {
margin-left: 0; }
.marg-0-right {
margin-right: 0; }
.marg-0-top {
margin-top: 0; }
.marg-0-bottom {
margin-bottom: 0; }
.marg-0-sides {
margin-left: 0;
margin-right: 0; }
.marg-0-vert {
margin-top: 0;
margin-bottom: 0; }
@media (max-width: 480px) {
.s-grid, .s-grid-1, .s-grid-2, .s-grid-3, .s-grid-4, .s-grid-5, .s-grid-6, .s-grid-7, .s-grid-8, .s-grid-9, .s-grid-10, .s-grid-11, .s-grid-12 {
margin: 0;
clear: none;
float: left; }
.s-grid-1 {
width: 8.33333%; }
.s-grid-2 {
width: 16.66667%; }
.s-grid-3 {
width: 25%; }
.s-grid-4 {
width: 33.33333%; }
.s-grid-5 {
width: 41.66667%; }
.s-grid-6 {
width: 50%; }
.s-grid-7 {
width: 58.33333%; }
.s-grid-8 {
width: 66.66667%; }
.s-grid-9 {
width: 75%; }
.s-grid-10 {
width: 83.33333%; }
.s-grid-11 {
width: 91.66667%; }
.s-grid-12 {
width: 100%; }
.s-offset-0 {
margin-left: 0; }
.s-offset-1 {
margin-left: 8.33333%; }
.s-offset-2 {
margin-left: 16.66667%; }
.s-offset-3 {
margin-left: 25%; }
.s-offset-4 {
margin-left: 33.33333%; }
.s-offset-5 {
margin-left: 41.66667%; }
.s-offset-6 {
margin-left: 50%; }
.s-offset-7 {
margin-left: 58.33333%; }
.s-offset-8 {
margin-left: 66.66667%; }
.s-offset-9 {
margin-left: 75%; }
.s-offset-10 {
margin-left: 83.33333%; }
.s-offset-11 {
margin-left: 91.66667%; }
.s-offset-12 {
margin-left: 100%; }
.s-pad-1 {
padding: 8px; }
.s-pad-1-left {
padding-left: 8px; }
.s-pad-1-right {
padding-right: 8px; }
.s-pad-1-top {
padding-top: 8px; }
.s-pad-1-bottom {
padding-bottom: 8px; }
.s-pad-1-sides {
padding-left: 8px;
padding-right: 8px; }
.s-pad-1-vert {
padding-top: 8px;
padding-bottom: 8px; }
.s-marg-1 {
margin: 8px; }
.s-marg-1-left {
margin-left: 8px; }
.s-marg-1-right {
margin-right: 8px; }
.s-marg-1-top {
margin-top: 8px; }
.s-marg-1-bottom {
margin-bottom: 8px; }
.s-marg-1-sides {
margin-left: 8px;
margin-right: 8px; }
.s-marg-1-vert {
margin-top: 8px;
margin-bottom: 8px; }
.s-pad-2 {
padding: 16px; }
.s-pad-2-left {
padding-left: 16px; }
.s-pad-2-right {
padding-right: 16px; }
.s-pad-2-top {
padding-top: 16px; }
.s-pad-2-bottom {
padding-bottom: 16px; }
.s-pad-2-sides {
padding-left: 16px;
padding-right: 16px; }
.s-pad-2-vert {
padding-top: 16px;
padding-bottom: 16px; }
.s-marg-2 {
margin: 16px; }
.s-marg-2-left {
margin-left: 16px; }
.s-marg-2-right {
margin-right: 16px; }
.s-marg-2-top {
margin-top: 16px; }
.s-marg-2-bottom {
margin-bottom: 16px; }
.s-marg-2-sides {
margin-left: 16px;
margin-right: 16px; }
.s-marg-2-vert {
margin-top: 16px;
margin-bottom: 16px; }
.s-pad-3 {
padding: 32px; }
.s-pad-3-left {
padding-left: 32px; }
.s-pad-3-right {
padding-right: 32px; }
.s-pad-3-top {
padding-top: 32px; }
.s-pad-3-bottom {
padding-bottom: 32px; }
.s-pad-3-sides {
padding-left: 32px;
padding-right: 32px; }
.s-pad-3-vert {
padding-top: 32px;
padding-bottom: 32px; }
.s-marg-3 {
margin: 32px; }
.s-marg-3-left {
margin-left: 32px; }
.s-marg-3-right {
margin-right: 32px; }
.s-marg-3-top {
margin-top: 32px; }
.s-marg-3-bottom {
margin-bottom: 32px; }
.s-marg-3-sides {
margin-left: 32px;
margin-right: 32px; }
.s-marg-3-vert {
margin-top: 32px;
margin-bottom: 32px; }
.s-pad-0 {
padding: 0; }
.s-pad-0-left {
padding-left: 0; }
.s-pad-0-right {
padding-right: 0; }
.s-pad-0-top {
padding-top: 0; }
.s-pad-0-bottom {
padding-bottom: 0; }
.s-pad-0-sides {
padding-left: 0;
padding-right: 0; }
.s-pad-0-vert {
padding-top: 0;
padding-bottom: 0; }
.s-marg-0 {
margin: 0; }
.s-marg-0-left {
margin-left: 0; }
.s-marg-0-right {
margin-right: 0; }
.s-marg-0-top {
margin-top: 0; }
.s-marg-0-bottom {
margin-bottom: 0; }
.s-marg-0-sides {
margin-left: 0;
margin-right: 0; }
.s-marg-0-vert {
margin-top: 0;
margin-bottom: 0; } }
@media (min-width: 481px) and (max-width: 800px) {
.m-grid, .m-grid-1, .m-grid-2, .m-grid-3, .m-grid-4, .m-grid-5, .m-grid-6, .m-grid-7, .m-grid-8, .m-grid-9, .m-grid-10, .m-grid-11, .m-grid-12 {
margin: 0;
clear: none;
float: left; }
.m-grid-1 {
width: 8.33333%; }
.m-grid-2 {
width: 16.66667%; }
.m-grid-3 {
width: 25%; }
.m-grid-4 {
width: 33.33333%; }
.m-grid-5 {
width: 41.66667%; }
.m-grid-6 {
width: 50%; }
.m-grid-7 {
width: 58.33333%; }
.m-grid-8 {
width: 66.66667%; }
.m-grid-9 {
width: 75%; }
.m-grid-10 {
width: 83.33333%; }
.m-grid-11 {
width: 91.66667%; }
.m-grid-12 {
width: 100%; }
.m-offset-0 {
margin-left: 0; }
.m-offset-1 {
margin-left: 8.33333%; }
.m-offset-2 {
margin-left: 16.66667%; }
.m-offset-3 {
margin-left: 25%; }
.m-offset-4 {
margin-left: 33.33333%; }
.m-offset-5 {
margin-left: 41.66667%; }
.m-offset-6 {
margin-left: 50%; }
.m-offset-7 {
margin-left: 58.33333%; }
.m-offset-8 {
margin-left: 66.66667%; }
.m-offset-9 {
margin-left: 75%; }
.m-offset-10 {
margin-left: 83.33333%; }
.m-offset-11 {
margin-left: 91.66667%; }
.m-offset-12 {
margin-left: 100%; }
.m-pad-1 {
padding: 8px; }
.m-pad-1-left {
padding-left: 8px; }
.m-pad-1-right {
padding-right: 8px; }
.m-pad-1-top {
padding-top: 8px; }
.m-pad-1-bottom {
padding-bottom: 8px; }
.m-pad-1-sides {
padding-left: 8px;
padding-right: 8px; }
.m-pad-1-vert {
padding-top: 8px;
padding-bottom: 8px; }
.m-marg-1 {
margin: 8px; }
.m-marg-1-left {
margin-left: 8px; }
.m-marg-1-right {
margin-right: 8px; }
.m-marg-1-top {
margin-top: 8px; }
.m-marg-1-bottom {
margin-bottom: 8px; }
.m-marg-1-sides {
margin-left: 8px;
margin-right: 8px; }
.m-marg-1-vert {
margin-top: 8px;
margin-bottom: 8px; }
.m-pad-2 {
padding: 16px; }
.m-pad-2-left {
padding-left: 16px; }
.m-pad-2-right {
padding-right: 16px; }
.m-pad-2-top {
padding-top: 16px; }
.m-pad-2-bottom {
padding-bottom: 16px; }
.m-pad-2-sides {
padding-left: 16px;
padding-right: 16px; }
.m-pad-2-vert {
padding-top: 16px;
padding-bottom: 16px; }
.m-marg-2 {
margin: 16px; }
.m-marg-2-left {
margin-left: 16px; }
.m-marg-2-right {
margin-right: 16px; }
.m-marg-2-top {
margin-top: 16px; }
.m-marg-2-bottom {
margin-bottom: 16px; }
.m-marg-2-sides {
margin-left: 16px;
margin-right: 16px; }
.m-marg-2-vert {
margin-top: 16px;
margin-bottom: 16px; }
.m-pad-3 {
padding: 32px; }
.m-pad-3-left {
padding-left: 32px; }
.m-pad-3-right {
padding-right: 32px; }
.m-pad-3-top {
padding-top: 32px; }
.m-pad-3-bottom {
padding-bottom: 32px; }
.m-pad-3-sides {
padding-left: 32px;
padding-right: 32px; }
.m-pad-3-vert {
padding-top: 32px;
padding-bottom: 32px; }
.m-marg-3 {
margin: 32px; }
.m-marg-3-left {
margin-left: 32px; }
.m-marg-3-right {
margin-right: 32px; }
.m-marg-3-top {
margin-top: 32px; }
.m-marg-3-bottom {
margin-bottom: 32px; }
.m-marg-3-sides {
margin-left: 32px;
margin-right: 32px; }
.m-marg-3-vert {
margin-top: 32px;
margin-bottom: 32px; }
.m-pad-0 {
padding: 0; }
.m-pad-0-left {
padding-left: 0; }
.m-pad-0-right {
padding-right: 0; }
.m-pad-0-top {
padding-top: 0; }
.m-pad-0-bottom {
padding-bottom: 0; }
.m-pad-0-sides {
padding-left: 0;
padding-right: 0; }
.m-pad-0-vert {
padding-top: 0;
padding-bottom: 0; }
.m-marg-0 {
margin: 0; }
.m-marg-0-left {
margin-left: 0; }
.m-marg-0-right {
margin-right: 0; }
.m-marg-0-top {
margin-top: 0; }
.m-marg-0-bottom {
margin-bottom: 0; }
.m-marg-0-sides {
margin-left: 0;
margin-right: 0; }
.m-marg-0-vert {
margin-top: 0;
margin-bottom: 0; } }
@media (min-width: 801px) {
.l-grid, .l-grid-1, .l-grid-2, .l-grid-3, .l-grid-4, .l-grid-5, .l-grid-6, .l-grid-7, .l-grid-8, .l-grid-9, .l-grid-10, .l-grid-11, .l-grid-12 {
margin: 0;
clear: none;
float: left; }
.l-grid-1 {
width: 8.33333%; }
.l-grid-2 {
width: 16.66667%; }
.l-grid-3 {
width: 25%; }
.l-grid-4 {
width: 33.33333%; }
.l-grid-5 {
width: 41.66667%; }
.l-grid-6 {
width: 50%; }
.l-grid-7 {
width: 58.33333%; }
.l-grid-8 {
width: 66.66667%; }
.l-grid-9 {
width: 75%; }
.l-grid-10 {
width: 83.33333%; }
.l-grid-11 {
width: 91.66667%; }
.l-grid-12 {
width: 100%; }
.l-offset-0 {
margin-left: 0; }
.l-offset-1 {
margin-left: 8.33333%; }
.l-offset-2 {
margin-left: 16.66667%; }
.l-offset-3 {
margin-left: 25%; }
.l-offset-4 {
margin-left: 33.33333%; }
.l-offset-5 {
margin-left: 41.66667%; }
.l-offset-6 {
margin-left: 50%; }
.l-offset-7 {
margin-left: 58.33333%; }
.l-offset-8 {
margin-left: 66.66667%; }
.l-offset-9 {
margin-left: 75%; }
.l-offset-10 {
margin-left: 83.33333%; }
.l-offset-11 {
margin-left: 91.66667%; }
.l-offset-12 {
margin-left: 100%; }
.l-pad-1 {
padding: 8px; }
.l-pad-1-left {
padding-left: 8px; }
.l-pad-1-right {
padding-right: 8px; }
.l-pad-1-top {
padding-top: 8px; }
.l-pad-1-bottom {
padding-bottom: 8px; }
.l-pad-1-sides {
padding-left: 8px;
padding-right: 8px; }
.l-pad-1-vert {
padding-top: 8px;
padding-bottom: 8px; }
.l-marg-1 {
margin: 8px; }
.l-marg-1-left {
margin-left: 8px; }
.l-marg-1-right {
margin-right: 8px; }
.l-marg-1-top {
margin-top: 8px; }
.l-marg-1-bottom {
margin-bottom: 8px; }
.l-marg-1-sides {
margin-left: 8px;
margin-right: 8px; }
.l-marg-1-vert {
margin-top: 8px;
margin-bottom: 8px; }
.l-pad-2 {
padding: 16px; }
.l-pad-2-left {
padding-left: 16px; }
.l-pad-2-right {
padding-right: 16px; }
.l-pad-2-top {
padding-top: 16px; }
.l-pad-2-bottom {
padding-bottom: 16px; }
.l-pad-2-sides {
padding-left: 16px;
padding-right: 16px; }
.l-pad-2-vert {
padding-top: 16px;
padding-bottom: 16px; }
.l-marg-2 {
margin: 16px; }
.l-marg-2-left {
margin-left: 16px; }
.l-marg-2-right {
margin-right: 16px; }
.l-marg-2-top {
margin-top: 16px; }
.l-marg-2-bottom {
margin-bottom: 16px; }
.l-marg-2-sides {
margin-left: 16px;
margin-right: 16px; }
.l-marg-2-vert {
margin-top: 16px;
margin-bottom: 16px; }
.l-pad-3 {
padding: 32px; }
.l-pad-3-left {
padding-left: 32px; }
.l-pad-3-right {
padding-right: 32px; }
.l-pad-3-top {
padding-top: 32px; }
.l-pad-3-bottom {
padding-bottom: 32px; }
.l-pad-3-sides {
padding-left: 32px;
padding-right: 32px; }
.l-pad-3-vert {
padding-top: 32px;
padding-bottom: 32px; }
.l-marg-3 {
margin: 32px; }
.l-marg-3-left {
margin-left: 32px; }
.l-marg-3-right {
margin-right: 32px; }
.l-marg-3-top {
margin-top: 32px; }
.l-marg-3-bottom {
margin-bottom: 32px; }
.l-marg-3-sides {
margin-left: 32px;
margin-right: 32px; }
.l-marg-3-vert {
margin-top: 32px;
margin-bottom: 32px; }
.l-pad-0 {
padding: 0; }
.l-pad-0-left {
padding-left: 0; }
.l-pad-0-right {
padding-right: 0; }
.l-pad-0-top {
padding-top: 0; }
.l-pad-0-bottom {
padding-bottom: 0; }
.l-pad-0-sides {
padding-left: 0;
padding-right: 0; }
.l-pad-0-vert {
padding-top: 0;
padding-bottom: 0; }
.l-marg-0 {
margin: 0; }
.l-marg-0-left {
margin-left: 0; }
.l-marg-0-right {
margin-right: 0; }
.l-marg-0-top {
margin-top: 0; }
.l-marg-0-bottom {
margin-bottom: 0; }
.l-marg-0-sides {
margin-left: 0;
margin-right: 0; }
.l-marg-0-vert {
margin-top: 0;
margin-bottom: 0; } }
.pad-half {
padding: 4px; }
.pad-half-left {
padding-left: 4px; }
.pad-half-right {
padding-right: 4px; }
.pad-half-top {
padding-top: 4px; }
.pad-half-bottom {
padding-bottom: 4px; }
.pad-half-sides {
padding-left: 4px;
padding-right: 4px; }
.pad-half-vert {
padding-top: 4px;
padding-bottom: 4px; }
.marg-half {
margin: 4px; }
.marg-half-left {
margin-left: 4px; }
.marg-half-right {
margin-right: 4px; }
.marg-half-top {
margin-top: 4px; }
.marg-half-bottom {
margin-bottom: 4px; }
.marg-half-sides {
margin-left: 4px;
margin-right: 4px; }
.marg-half-vert {
margin-top: 4px;
margin-bottom: 4px; }
.grid-flex {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-wrap: wrap;
-webkit-box-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flexbox-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }