Skip to content

Instantly share code, notes, and snippets.

@taclab
Created October 12, 2013 08:03
Show Gist options
  • Select an option

  • Save taclab/6947239 to your computer and use it in GitHub Desktop.

Select an option

Save taclab/6947239 to your computer and use it in GitHub Desktop.
.container {
margin-right: auto;
margin-left: auto;
}
.container:before,
.container:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.container:after {
clear: both;
}
.container:before,
.container:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.container:after {
clear: both;
}
.row:before,
.row:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.row:after {
clear: both;
}
.row:before,
.row:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.row:after {
clear: both;
}
@media (min-width: 768px) {
.container .row {
margin-left: -10px;
margin-right: -10px;
}
}
.row .row {
margin-left: -10px;
margin-right: -10px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
float: left;
}
.col-1 {
width: 7.142857142857142%;
}
.col-2 {
width: 14.285714285714285%;
}
.col-3 {
width: 21.428571428571427%;
}
.col-4 {
width: 28.57142857142857%;
}
.col-5 {
width: 35.714285714285715%;
}
.col-6 {
width: 42.857142857142854%;
}
.col-7 {
width: 50%;
}
.col-8 {
width: 57.14285714285714%;
}
.col-9 {
width: 64.28571428571429%;
}
.col-10 {
width: 71.42857142857143%;
}
.col-11 {
width: 78.57142857142857%;
}
.col-12 {
width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
.container {
max-width: 728px;
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-1 {
width: 7.142857142857142%;
}
.col-sm-2 {
width: 14.285714285714285%;
}
.col-sm-3 {
width: 21.428571428571427%;
}
.col-sm-4 {
width: 28.57142857142857%;
}
.col-sm-5 {
width: 35.714285714285715%;
}
.col-sm-6 {
width: 42.857142857142854%;
}
.col-sm-7 {
width: 50%;
}
.col-sm-8 {
width: 57.14285714285714%;
}
.col-sm-9 {
width: 64.28571428571429%;
}
.col-sm-10 {
width: 71.42857142857143%;
}
.col-sm-11 {
width: 78.57142857142857%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-push-1 {
left: 7.142857142857142%;
}
.col-sm-push-2 {
left: 14.285714285714285%;
}
.col-sm-push-3 {
left: 21.428571428571427%;
}
.col-sm-push-4 {
left: 28.57142857142857%;
}
.col-sm-push-5 {
left: 35.714285714285715%;
}
.col-sm-push-6 {
left: 42.857142857142854%;
}
.col-sm-push-7 {
left: 50%;
}
.col-sm-push-8 {
left: 57.14285714285714%;
}
.col-sm-push-9 {
left: 64.28571428571429%;
}
.col-sm-push-10 {
left: 71.42857142857143%;
}
.col-sm-push-11 {
left: 78.57142857142857%;
}
.col-sm-pull-1 {
right: 7.142857142857142%;
}
.col-sm-pull-2 {
right: 14.285714285714285%;
}
.col-sm-pull-3 {
right: 21.428571428571427%;
}
.col-sm-pull-4 {
right: 28.57142857142857%;
}
.col-sm-pull-5 {
right: 35.714285714285715%;
}
.col-sm-pull-6 {
right: 42.857142857142854%;
}
.col-sm-pull-7 {
right: 50%;
}
.col-sm-pull-8 {
right: 57.14285714285714%;
}
.col-sm-pull-9 {
right: 64.28571428571429%;
}
.col-sm-pull-10 {
right: 71.42857142857143%;
}
.col-sm-pull-11 {
right: 78.57142857142857%;
}
.col-sm-offset-1 {
margin-left: 7.142857142857142%;
}
.col-sm-offset-2 {
margin-left: 14.285714285714285%;
}
.col-sm-offset-3 {
margin-left: 21.428571428571427%;
}
.col-sm-offset-4 {
margin-left: 28.57142857142857%;
}
.col-sm-offset-5 {
margin-left: 35.714285714285715%;
}
.col-sm-offset-6 {
margin-left: 42.857142857142854%;
}
.col-sm-offset-7 {
margin-left: 50%;
}
.col-sm-offset-8 {
margin-left: 57.14285714285714%;
}
.col-sm-offset-9 {
margin-left: 64.28571428571429%;
}
.col-sm-offset-10 {
margin-left: 71.42857142857143%;
}
.col-sm-offset-11 {
margin-left: 78.57142857142857%;
}
}
@media (min-width: 992px) {
.container {
max-width: 940px;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-1 {
width: 7.142857142857142%;
}
.col-lg-2 {
width: 14.285714285714285%;
}
.col-lg-3 {
width: 21.428571428571427%;
}
.col-lg-4 {
width: 28.57142857142857%;
}
.col-lg-5 {
width: 35.714285714285715%;
}
.col-lg-6 {
width: 42.857142857142854%;
}
.col-lg-7 {
width: 50%;
}
.col-lg-8 {
width: 57.14285714285714%;
}
.col-lg-9 {
width: 64.28571428571429%;
}
.col-lg-10 {
width: 71.42857142857143%;
}
.col-lg-11 {
width: 78.57142857142857%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-push-1 {
left: 7.142857142857142%;
}
.col-lg-push-2 {
left: 14.285714285714285%;
}
.col-lg-push-3 {
left: 21.428571428571427%;
}
.col-lg-push-4 {
left: 28.57142857142857%;
}
.col-lg-push-5 {
left: 35.714285714285715%;
}
.col-lg-push-6 {
left: 42.857142857142854%;
}
.col-lg-push-7 {
left: 50%;
}
.col-lg-push-8 {
left: 57.14285714285714%;
}
.col-lg-push-9 {
left: 64.28571428571429%;
}
.col-lg-push-10 {
left: 71.42857142857143%;
}
.col-lg-push-11 {
left: 78.57142857142857%;
}
.col-lg-pull-1 {
right: 7.142857142857142%;
}
.col-lg-pull-2 {
right: 14.285714285714285%;
}
.col-lg-pull-3 {
right: 21.428571428571427%;
}
.col-lg-pull-4 {
right: 28.57142857142857%;
}
.col-lg-pull-5 {
right: 35.714285714285715%;
}
.col-lg-pull-6 {
right: 42.857142857142854%;
}
.col-lg-pull-7 {
right: 50%;
}
.col-lg-pull-8 {
right: 57.14285714285714%;
}
.col-lg-pull-9 {
right: 64.28571428571429%;
}
.col-lg-pull-10 {
right: 71.42857142857143%;
}
.col-lg-pull-11 {
right: 78.57142857142857%;
}
.col-lg-offset-1 {
margin-left: 7.142857142857142%;
}
.col-lg-offset-2 {
margin-left: 14.285714285714285%;
}
.col-lg-offset-3 {
margin-left: 21.428571428571427%;
}
.col-lg-offset-4 {
margin-left: 28.57142857142857%;
}
.col-lg-offset-5 {
margin-left: 35.714285714285715%;
}
.col-lg-offset-6 {
margin-left: 42.857142857142854%;
}
.col-lg-offset-7 {
margin-left: 50%;
}
.col-lg-offset-8 {
margin-left: 57.14285714285714%;
}
.col-lg-offset-9 {
margin-left: 64.28571428571429%;
}
.col-lg-offset-10 {
margin-left: 71.42857142857143%;
}
.col-lg-offset-11 {
margin-left: 78.57142857142857%;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment