Skip to content

Instantly share code, notes, and snippets.

@iryston
Created December 6, 2016 18:17
Show Gist options
  • Save iryston/6b886b82ced95d877f6efb7a62871271 to your computer and use it in GitHub Desktop.
Save iryston/6b886b82ced95d877f6efb7a62871271 to your computer and use it in GitHub Desktop.
.col-xs-1-10,
.col-sm-1-10,
.col-md-1-10,
.col-lg-1-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1-10 {
float: left;
}
.col-xs-1-10 {
width: 10%;
}
.col-xs-pull-1-10 {
right: 10%;
}
.col-xs-push-1-10 {
left: 10%;
}
.col-xs-offset-1-10 {
margin-left: 10%;
}
@media (min-width: 768px) {
.col-sm-1-10 {
float: left;
}
.col-sm-1-10 {
width: 10%;
}
.col-sm-pull-1-10 {
right: 10%;
}
.col-sm-push-1-10 {
left: 10%;
}
.col-sm-offset-1-10 {
margin-left: 10%;
}
}
@media (min-width: 992px) {
.col-md-1-10 {
float: left;
}
.col-md-1-10 {
width: 10%;
}
.col-md-pull-1-10 {
right: 10%;
}
.col-md-push-1-10 {
left: 10%;
}
.col-md-offset-1-10 {
margin-left: 10%;
}
}
@media (min-width: 1200px) {
.col-lg-1-10 {
float: left;
}
.col-lg-1-10 {
width: 10%;
}
.col-lg-pull-1-10 {
right: 10%;
}
.col-lg-push-1-10 {
left: 10%;
}
.col-lg-offset-1-10 {
margin-left: 10%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment