Fixed some grid issues:
* Switched to margins for push/pull * Removed tablet alpha and omega - they just break things Added a couple of example files
This commit is contained in:
@ -483,65 +483,65 @@ hr {
|
||||
.container .offset-by-fifteen {
|
||||
padding-left: 900px; }
|
||||
.container .pull-by-one {
|
||||
left: -60px; }
|
||||
margin-left: -60px; }
|
||||
.container .pull-by-two {
|
||||
left: -120px; }
|
||||
margin-left: -120px; }
|
||||
.container .pull-by-three {
|
||||
left: -180px; }
|
||||
margin-left: -180px; }
|
||||
.container .pull-by-four {
|
||||
left: -240px; }
|
||||
margin-left: -240px; }
|
||||
.container .pull-by-five {
|
||||
left: -300px; }
|
||||
margin-left: -300px; }
|
||||
.container .pull-by-six {
|
||||
left: -360px; }
|
||||
margin-left: -360px; }
|
||||
.container .pull-by-seven {
|
||||
left: -420px; }
|
||||
margin-left: -420px; }
|
||||
.container .pull-by-eight {
|
||||
left: -480px; }
|
||||
margin-left: -480px; }
|
||||
.container .pull-by-nine {
|
||||
left: -540px; }
|
||||
margin-left: -540px; }
|
||||
.container .pull-by-ten {
|
||||
left: -600px; }
|
||||
margin-left: -600px; }
|
||||
.container .pull-by-eleven {
|
||||
left: -660px; }
|
||||
margin-left: -660px; }
|
||||
.container .pull-by-twelve {
|
||||
left: -720px; }
|
||||
margin-left: -720px; }
|
||||
.container .pull-by-thirteen {
|
||||
left: -780px; }
|
||||
margin-left: -780px; }
|
||||
.container .pull-by-fourteen {
|
||||
left: -840px; }
|
||||
margin-left: -840px; }
|
||||
.container .pull-by-fifteen {
|
||||
left: -900px; }
|
||||
margin-left: -900px; }
|
||||
.container .push-by-one {
|
||||
left: 60px; }
|
||||
margin-left: 60px; }
|
||||
.container .push-by-two {
|
||||
left: 120px; }
|
||||
margin-left: 120px; }
|
||||
.container .push-by-three {
|
||||
left: 180px; }
|
||||
margin-left: 180px; }
|
||||
.container .push-by-four {
|
||||
left: 240px; }
|
||||
margin-left: 240px; }
|
||||
.container .push-by-five {
|
||||
left: 300px; }
|
||||
margin-left: 300px; }
|
||||
.container .push-by-six {
|
||||
left: 360px; }
|
||||
margin-left: 360px; }
|
||||
.container .push-by-seven {
|
||||
left: 420px; }
|
||||
margin-left: 420px; }
|
||||
.container .push-by-eight {
|
||||
left: 480px; }
|
||||
margin-left: 480px; }
|
||||
.container .push-by-nine {
|
||||
left: 540px; }
|
||||
margin-left: 540px; }
|
||||
.container .push-by-ten {
|
||||
left: 600px; }
|
||||
margin-left: 600px; }
|
||||
.container .push-by-eleven {
|
||||
left: 660px; }
|
||||
margin-left: 660px; }
|
||||
.container .push-by-twelve {
|
||||
left: 720px; }
|
||||
margin-left: 720px; }
|
||||
.container .push-by-thirteen {
|
||||
left: 780px; }
|
||||
margin-left: 780px; }
|
||||
.container .push-by-fourteen {
|
||||
left: 840px; }
|
||||
margin-left: 840px; }
|
||||
.container .push-by-fifteen {
|
||||
left: 900px; }
|
||||
margin-left: 900px; }
|
||||
|
||||
@media only screen and (max-width: 959px) {
|
||||
.container {
|
||||
@ -619,72 +619,68 @@ hr {
|
||||
.container .offset-by-fifteen {
|
||||
padding-left: 720px; }
|
||||
.container .pull-by-one {
|
||||
left: -48px; }
|
||||
margin-left: -48px; }
|
||||
.container .pull-by-two {
|
||||
left: -96px; }
|
||||
margin-left: -96px; }
|
||||
.container .pull-by-three {
|
||||
left: -144px; }
|
||||
margin-left: -144px; }
|
||||
.container .pull-by-four {
|
||||
left: -192px; }
|
||||
margin-left: -192px; }
|
||||
.container .pull-by-five {
|
||||
left: -240px; }
|
||||
margin-left: -240px; }
|
||||
.container .pull-by-six {
|
||||
left: -288px; }
|
||||
margin-left: -288px; }
|
||||
.container .pull-by-seven {
|
||||
left: -336px; }
|
||||
margin-left: -336px; }
|
||||
.container .pull-by-eight {
|
||||
left: -384px; }
|
||||
margin-left: -384px; }
|
||||
.container .pull-by-nine {
|
||||
left: -432px; }
|
||||
margin-left: -432px; }
|
||||
.container .pull-by-ten {
|
||||
left: -480px; }
|
||||
margin-left: -480px; }
|
||||
.container .pull-by-eleven {
|
||||
left: -528px; }
|
||||
margin-left: -528px; }
|
||||
.container .pull-by-twelve {
|
||||
left: -576px; }
|
||||
margin-left: -576px; }
|
||||
.container .pull-by-thirteen {
|
||||
left: -624px; }
|
||||
margin-left: -624px; }
|
||||
.container .pull-by-fourteen {
|
||||
left: -672px; }
|
||||
margin-left: -672px; }
|
||||
.container .pull-by-fifteen {
|
||||
left: -720px; }
|
||||
margin-left: -720px; }
|
||||
.container .push-by-one {
|
||||
left: 48px; }
|
||||
margin-left: 48px; }
|
||||
.container .push-by-two {
|
||||
left: 96px; }
|
||||
margin-left: 96px; }
|
||||
.container .push-by-three {
|
||||
left: 144px; }
|
||||
margin-left: 144px; }
|
||||
.container .push-by-four {
|
||||
left: 192px; }
|
||||
margin-left: 192px; }
|
||||
.container .push-by-five {
|
||||
left: 240px; }
|
||||
margin-left: 240px; }
|
||||
.container .push-by-six {
|
||||
left: 288px; }
|
||||
margin-left: 288px; }
|
||||
.container .push-by-seven {
|
||||
left: 336px; }
|
||||
margin-left: 336px; }
|
||||
.container .push-by-eight {
|
||||
left: 384px; }
|
||||
margin-left: 384px; }
|
||||
.container .push-by-nine {
|
||||
left: 432px; }
|
||||
margin-left: 432px; }
|
||||
.container .push-by-ten {
|
||||
left: 480px; }
|
||||
margin-left: 480px; }
|
||||
.container .push-by-eleven {
|
||||
left: 528px; }
|
||||
margin-left: 528px; }
|
||||
.container .push-by-twelve {
|
||||
left: 576px; }
|
||||
margin-left: 576px; }
|
||||
.container .push-by-thirteen {
|
||||
left: 624px; }
|
||||
margin-left: 624px; }
|
||||
.container .push-by-fourteen {
|
||||
left: 672px; }
|
||||
margin-left: 672px; }
|
||||
.container .push-by-fifteen {
|
||||
left: 720px; }
|
||||
margin-left: 720px; }
|
||||
|
||||
.container {
|
||||
width: 768px; }
|
||||
.container .alpha {
|
||||
margin-right: 10px; }
|
||||
.container .omega {
|
||||
margin-left: 10px; } }
|
||||
width: 768px; } }
|
||||
/*
|
||||
#Mobile Grid
|
||||
Every column element in this grid is the total grid width
|
||||
|
2
build/css/Ribs.min.css
vendored
2
build/css/Ribs.min.css
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user