Created
January 13, 2017 18:46
-
-
Save IamManchanda/c2f6444f956fc489d44a773a73ef87af to your computer and use it in GitHub Desktop.
This file contains 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
.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 { | |
position: relative; | |
width: 100%; | |
min-height: 1px; | |
padding-right: 15px; | |
padding-left: 15px; | |
} | |
@media (min-width: 576px) { | |
.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 { | |
padding-right: 15px; | |
padding-left: 15px; | |
} | |
} | |
@media (min-width: 768px) { | |
.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 { | |
padding-right: 15px; | |
padding-left: 15px; | |
} | |
} | |
@media (min-width: 992px) { | |
.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 { | |
padding-right: 15px; | |
padding-left: 15px; | |
} | |
} | |
@media (min-width: 1200px) { | |
.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 { | |
padding-right: 15px; | |
padding-left: 15px; | |
} | |
} | |
.col { | |
-webkit-flex-basis: 0; | |
-ms-flex-preferred-size: 0; | |
flex-basis: 0; | |
-webkit-box-flex: 1; | |
-webkit-flex-grow: 1; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
max-width: 100%; | |
} | |
.col-auto { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 auto; | |
-ms-flex: 0 0 auto; | |
flex: 0 0 auto; | |
width: auto; | |
} | |
.col-1 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 8.333333%; | |
-ms-flex: 0 0 8.333333%; | |
flex: 0 0 8.333333%; | |
max-width: 8.333333%; | |
} | |
.col-2 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 16.666667%; | |
-ms-flex: 0 0 16.666667%; | |
flex: 0 0 16.666667%; | |
max-width: 16.666667%; | |
} | |
.col-3 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 25%; | |
-ms-flex: 0 0 25%; | |
flex: 0 0 25%; | |
max-width: 25%; | |
} | |
.col-4 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 33.333333%; | |
-ms-flex: 0 0 33.333333%; | |
flex: 0 0 33.333333%; | |
max-width: 33.333333%; | |
} | |
.col-5 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 41.666667%; | |
-ms-flex: 0 0 41.666667%; | |
flex: 0 0 41.666667%; | |
max-width: 41.666667%; | |
} | |
.col-6 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 50%; | |
-ms-flex: 0 0 50%; | |
flex: 0 0 50%; | |
max-width: 50%; | |
} | |
.col-7 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 58.333333%; | |
-ms-flex: 0 0 58.333333%; | |
flex: 0 0 58.333333%; | |
max-width: 58.333333%; | |
} | |
.col-8 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 66.666667%; | |
-ms-flex: 0 0 66.666667%; | |
flex: 0 0 66.666667%; | |
max-width: 66.666667%; | |
} | |
.col-9 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 75%; | |
-ms-flex: 0 0 75%; | |
flex: 0 0 75%; | |
max-width: 75%; | |
} | |
.col-10 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 83.333333%; | |
-ms-flex: 0 0 83.333333%; | |
flex: 0 0 83.333333%; | |
max-width: 83.333333%; | |
} | |
.col-11 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 91.666667%; | |
-ms-flex: 0 0 91.666667%; | |
flex: 0 0 91.666667%; | |
max-width: 91.666667%; | |
} | |
.col-12 { | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 0 100%; | |
-ms-flex: 0 0 100%; | |
flex: 0 0 100%; | |
max-width: 100%; | |
} | |
.pull-0 { | |
right: auto; | |
} | |
.pull-1 { | |
right: 8.333333%; | |
} | |
.pull-2 { | |
right: 16.666667%; | |
} | |
.pull-3 { | |
right: 25%; | |
} | |
.pull-4 { | |
right: 33.333333%; | |
} | |
.pull-5 { | |
right: 41.666667%; | |
} | |
.pull-6 { | |
right: 50%; | |
} | |
.pull-7 { | |
right: 58.333333%; | |
} | |
.pull-8 { | |
right: 66.666667%; | |
} | |
.pull-9 { | |
right: 75%; | |
} | |
.pull-10 { | |
right: 83.333333%; | |
} | |
.pull-11 { | |
right: 91.666667%; | |
} | |
.pull-12 { | |
right: 100%; | |
} | |
.push-0 { | |
left: auto; | |
} | |
.push-1 { | |
left: 8.333333%; | |
} | |
.push-2 { | |
left: 16.666667%; | |
} | |
.push-3 { | |
left: 25%; | |
} | |
.push-4 { | |
left: 33.333333%; | |
} | |
.push-5 { | |
left: 41.666667%; | |
} | |
.push-6 { | |
left: 50%; | |
} | |
.push-7 { | |
left: 58.333333%; | |
} | |
.push-8 { | |
left: 66.666667%; | |
} | |
.push-9 { | |
left: 75%; | |
} | |
.push-10 { | |
left: 83.333333%; | |
} | |
.push-11 { | |
left: 91.666667%; | |
} | |
.push-12 { | |
left: 100%; | |
} | |
.offset-1 { | |
margin-left: 8.333333%; | |
} | |
.offset-2 { | |
margin-left: 16.666667%; | |
} | |
.offset-3 { | |
margin-left: 25%; | |
} | |
.offset-4 { | |
margin-left: 33.333333%; | |
} | |
.offset-5 { | |
margin-left: 41.666667%; | |
} | |
.offset-6 { | |
margin-left: 50%; | |
} | |
.offset-7 { | |
margin-left: 58.333333%; | |
} | |
.offset-8 { | |
margin-left: 66.666667%; | |
} | |
.offset-9 { | |
margin-left: 75%; | |
} | |
.offset-10 { | |
margin-left: 83.333333%; | |
} | |
.offset-11 { | |
margin-left: 91.666667%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment