Skip to content

Instantly share code, notes, and snippets.

@vxsx
Created October 31, 2014 11:02
Show Gist options
  • Save vxsx/dc557ca14b279137fc51 to your computer and use it in GitHub Desktop.
Save vxsx/dc557ca14b279137fc51 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----
$gutters: (4 10 20);
@each $gutter in $gutters {
.row-gutter-#{$gutter} {
&,
.form-horizontal & {
margin-left: (-1px * $gutter/2);
margin-right: (-1px * $gutter/2);
.col {
padding-left: 1px * ($gutter/2);
padding-right: 1px * ($gutter/2);
}
.form-control-feedback {
right: 1px * $gutter/2;
}
}
}
}
.row-gutter-4, .form-horizontal .row-gutter-4 {
margin-left: -2px;
margin-right: -2px;
}
.row-gutter-4 .col, .form-horizontal .row-gutter-4 .col {
padding-left: 2px;
padding-right: 2px;
}
.row-gutter-4 .form-control-feedback, .form-horizontal .row-gutter-4 .form-control-feedback {
right: 2px;
}
.row-gutter-10, .form-horizontal .row-gutter-10 {
margin-left: -5px;
margin-right: -5px;
}
.row-gutter-10 .col, .form-horizontal .row-gutter-10 .col {
padding-left: 5px;
padding-right: 5px;
}
.row-gutter-10 .form-control-feedback, .form-horizontal .row-gutter-10 .form-control-feedback {
right: 5px;
}
.row-gutter-20, .form-horizontal .row-gutter-20 {
margin-left: -10px;
margin-right: -10px;
}
.row-gutter-20 .col, .form-horizontal .row-gutter-20 .col {
padding-left: 10px;
padding-right: 10px;
}
.row-gutter-20 .form-control-feedback, .form-horizontal .row-gutter-20 .form-control-feedback {
right: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment