Skip to content

Instantly share code, notes, and snippets.

@celticwebdesign
Last active January 6, 2016 10:14
Show Gist options
  • Save celticwebdesign/c41a2beb751dbf08fba8 to your computer and use it in GitHub Desktop.
Save celticwebdesign/c41a2beb751dbf08fba8 to your computer and use it in GitHub Desktop.
Provides a smaller grid - 480px to 991px
/*
* Bootstrap additional grid sizes
*/
@media only screen and (min-width: 480px) and (max-width: 991px) {
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;float: left;}
.col-xxs-12 {width: 100%;}.col-xxs-11 {width: 91.66666667%;}.col-xxs-10 {width: 83.33333333%;}.col-xxs-9 {width: 75%;}.col-xxs-8 {width: 66.66666667%;}.col-xxs-7 {width: 58.33333333%;}.col-xxs-6 {width: 50%;}.col-xxs-5 {width: 41.66666667%;}.col-xxs-4 {width: 33.33333333%;}.col-xxs-3 {width: 25%;}.col-xxs-2 {width: 16.66666667%;}.col-xxs-1 {width: 8.33333333%;}
.col-xxs-pull-12 {right: 100%;}.col-xxs-pull-11 {right: 91.66666667%;}.col-xxs-pull-10 {right: 83.33333333%;}.col-xxs-pull-9 {right: 75%;}.col-xxs-pull-8 {right: 66.66666667%;}.col-xxs-pull-7 {right: 58.33333333%;}.col-xxs-pull-6 {right: 50%;}.col-xxs-pull-5 {right: 41.66666667%;}.col-xxs-pull-4 {right: 33.33333333%;}.col-xxs-pull-3 {right: 25%;}.col-xxs-pull-2 {right: 16.66666667%;}.col-xxs-pull-1 {right: 8.33333333%;}.col-xxs-pull-0 {right: auto;}
.col-xxs-push-12 {left: 100%;}.col-xxs-push-11 {left: 91.66666667%;}.col-xxs-push-10 {left: 83.33333333%;}.col-xxs-push-9 {left: 75%;}.col-xxs-push-8 {left: 66.66666667%;}.col-xxs-push-7 {left: 58.33333333%;}.col-xxs-push-6 {left: 50%;}.col-xxs-push-5 {left: 41.66666667%;}.col-xxs-push-4 {left: 33.33333333%;}.col-xxs-push-3 {left: 25%;}.col-xxs-push-2 {left: 16.66666667%;}.col-xxs-push-1 {left: 8.33333333%;}.col-xxs-push-0 {left: auto;}
.col-xxs-offset-12 {margin-left: 100%;}.col-xxs-offset-11 {margin-left: 91.66666667%;}.col-xxs-offset-10 {margin-left: 83.33333333%;}.col-xxs-offset-9 {margin-left: 75%;}.col-xxs-offset-8 {margin-left: 66.66666667%;}.col-xxs-offset-7 {margin-left: 58.33333333%;}.col-xxs-offset-6 {margin-left: 50%;}.col-xxs-offset-5 {margin-left: 41.66666667%;}.col-xxs-offset-4 {margin-left: 33.33333333%;}.col-xxs-offset-3 {margin-left: 25%;}.col-xxs-offset-2 {margin-left: 16.66666667%;}.col-xxs-offset-1 {margin-left: 8.33333333%;}.col-xxs-offset-0 {margin-left: 0;}
}
@media only screen and (min-width: 600px) and (max-width: 991px) {
.col-ssm-1, .col-ssm-2, .col-ssm-3, .col-ssm-4, .col-ssm-5, .col-ssm-6, .col-ssm-7, .col-ssm-8, .col-ssm-9, .col-ssm-10, .col-ssm-11, .col-ssm-12 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;float: left;}
.col-ssm-12 {width: 100%;}.col-ssm-11 {width: 91.66666667%;}.col-ssm-10 {width: 83.33333333%;}.col-ssm-9 {width: 75%;}.col-ssm-8 {width: 66.66666667%;}.col-ssm-7 {width: 58.33333333%;}.col-ssm-6 {width: 50%;}.col-ssm-5 {width: 41.66666667%;}.col-ssm-4 {width: 33.33333333%;}.col-ssm-3 {width: 25%;}.col-ssm-2 {width: 16.66666667%;}.col-ssm-1 {width: 8.33333333%;}
.col-ssm-pull-12 {right: 100%;}.col-ssm-pull-11 {right: 91.66666667%;}.col-ssm-pull-10 {right: 83.33333333%;}.col-ssm-pull-9 {right: 75%;}.col-ssm-pull-8 {right: 66.66666667%;}.col-ssm-pull-7 {right: 58.33333333%;}.col-ssm-pull-6 {right: 50%;}.col-ssm-pull-5 {right: 41.66666667%;}.col-ssm-pull-4 {right: 33.33333333%;}.col-ssm-pull-3 {right: 25%;}.col-ssm-pull-2 {right: 16.66666667%;}.col-ssm-pull-1 {right: 8.33333333%;}.col-ssm-pull-0 {right: auto;}
.col-ssm-push-12 {left: 100%;}.col-ssm-push-11 {left: 91.66666667%;}.col-ssm-push-10 {left: 83.33333333%;}.col-ssm-push-9 {left: 75%;}.col-ssm-push-8 {left: 66.66666667%;}.col-ssm-push-7 {left: 58.33333333%;}.col-ssm-push-6 {left: 50%;}.col-ssm-push-5 {left: 41.66666667%;}.col-ssm-push-4 {left: 33.33333333%;}.col-ssm-push-3 {left: 25%;}.col-ssm-push-2 {left: 16.66666667%;}.col-ssm-push-1 {left: 8.33333333%;}.col-ssm-push-0 {left: auto;}
.col-ssm-offset-12 {margin-left: 100%;}.col-ssm-offset-11 {margin-left: 91.66666667%;}.col-ssm-offset-10 {margin-left: 83.33333333%;}.col-ssm-offset-9 {margin-left: 75%;}.col-ssm-offset-8 {margin-left: 66.66666667%;}.col-ssm-offset-7 {margin-left: 58.33333333%;}.col-ssm-offset-6 {margin-left: 50%;}.col-ssm-offset-5 {margin-left: 41.66666667%;}.col-ssm-offset-4 {margin-left: 33.33333333%;}.col-ssm-offset-3 {margin-left: 25%;}.col-ssm-offset-2 {margin-left: 16.66666667%;}.col-ssm-offset-1 {margin-left: 8.33333333%;}.col-ssm-offset-0 {margin-left: 0;}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment