Skip to content

Instantly share code, notes, and snippets.

@aviogreen
Last active June 9, 2017 15:37
Show Gist options
  • Save aviogreen/90fe5d1f162aa40fca7e to your computer and use it in GitHub Desktop.
Save aviogreen/90fe5d1f162aa40fca7e to your computer and use it in GitHub Desktop.
.space-left {
margin-left: @grid-gutter-width;
}
.space-left-half {
margin-left: @grid-gutter-width / 2;
}
.space-right {
margin-right: @grid-gutter-width;
}
.space-right-half {
margin-right: @grid-gutter-width / 2;
}
.space-top {
margin-top: @grid-gutter-width;
}
.space-top-half {
margin-top: @grid-gutter-width / 2;
}
.space-bottom {
margin-bottom: @grid-gutter-width;
}
.space-bottom-half {
margin-bottom: @grid-gutter-width / 2;
}
@media (max-width: @screen-xs-max) {
.space-xs-left {
margin-left: @grid-gutter-width;
}
.space-xs-left-half {
margin-left: @grid-gutter-width / 2;
}
.space-xs-right {
margin-right: @grid-gutter-width;
}
.space-xs-right-half {
margin-right: @grid-gutter-width / 2;
}
.space-xs-top {
margin-top: @grid-gutter-width;
}
.space-xs-top-half {
margin-top: @grid-gutter-width / 2;
}
.space-xs-bottom {
margin-bottom: @grid-gutter-width;
}
.space-xs-bottom-half {
margin-bottom: @grid-gutter-width / 2;
}
}
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
.space-sm-left {
margin-left: @grid-gutter-width;
}
.space-sm-left-half {
margin-left: @grid-gutter-width / 2;
}
.space-sm-right {
margin-right: @grid-gutter-width;
}
.space-sm-right-half {
margin-right: @grid-gutter-width / 2;
}
.space-sm-top {
margin-top: @grid-gutter-width;
}
.space-sm-top-half {
margin-top: @grid-gutter-width / 2;
}
.space-sm-bottom {
margin-bottom: @grid-gutter-width;
}
.space-sm-bottom-half {
margin-bottom: @grid-gutter-width / 2;
}
}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
.space-md-left {
margin-left: @grid-gutter-width;
}
.space-md-left-half {
margin-left: @grid-gutter-width / 2;
}
.space-md-right {
margin-right: @grid-gutter-width;
}
.space-md-right-half {
margin-right: @grid-gutter-width / 2;
}
.space-md-top {
margin-top: @grid-gutter-width;
}
.space-md-top-half {
margin-top: @grid-gutter-width / 2;
}
.space-md-bottom {
margin-bottom: @grid-gutter-width;
}
.space-md-bottom-half {
margin-bottom: @grid-gutter-width / 2;
}
}
@media (min-width: @screen-lg-min) {
.space-lg-left {
margin-left: @grid-gutter-width;
}
.space-lg-left-half {
margin-left: @grid-gutter-width / 2;
}
.space-lg-right {
margin-right: @grid-gutter-width;
}
.space-lg-right-half {
margin-right: @grid-gutter-width / 2;
}
.space-lg-top {
margin-top: @grid-gutter-width;
}
.space-lg-top-half {
margin-top: @grid-gutter-width / 2;
}
.space-lg-bottom {
margin-bottom: @grid-gutter-width;
}
.space-lg-bottom-half {
margin-bottom: @grid-gutter-width / 2;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment