Skip to content

Instantly share code, notes, and snippets.

@tanmancan
Created March 24, 2016 15:17
Show Gist options
  • Save tanmancan/ba6e97c5a06831555387 to your computer and use it in GitHub Desktop.
Save tanmancan/ba6e97c5a06831555387 to your computer and use it in GitHub Desktop.
Collapse mixin
.column-left-no-important {
padding-left: 0 ; }
.column-left-important {
padding-left: 0 !important; }
.column-no-important {
padding-left: 0 ;
padding-right: 0 ; }
.column-important {
padding-left: 0 !important;
padding-right: 0 !important; }
@mixin collapse($side, $important: false) {
@if $important {
$flag: "!important";
}
@else {
$flag: "";
}
@if $side==both {
padding-left: 0 #{$flag};
padding-right: 0 #{$flag};
}
@else {
padding-#{$side}: 0 #{$flag};
}
}
.column-left-no-important {
@include collapse(left);
}
.column-left-important {
@include collapse(left, true);
}
.column-no-important {
@include collapse(both);
}
.column-important {
@include collapse(both, true);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment