Skip to content

Instantly share code, notes, and snippets.

@codedependant
Created June 14, 2014 16:57
Show Gist options
  • Save codedependant/4f3a6b59415c8ffc2033 to your computer and use it in GitHub Desktop.
Save codedependant/4f3a6b59415c8ffc2033 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v0.8.6)
// ----
$group: 6;
$grid-column-namespace: "grid-namespace";
// For each column width from 1 to the column group...
@for $i from 1 through $group {
> .#{$grid-column-namespace}-#{$i}-of-#{$group} {
@if percentage($i/$group) == percentage(1/1) {
@extend %span-all;
} @else if percentage($i/$group) == percentage(1/2) {
@extend %one-half;
} @else if percentage($i/$group) == percentage(1/3) {
@extend %one-third;
} @else if percentage($i/$group) == percentage(2/3) {
@extend %two-thirds;
} @else if percentage($i/$group) == percentage(1/4) {
@extend %one-quarter;
} @else if percentage($i/$group) == percentage(2/4) {
@extend %two-quarters;
} @else if percentage($i/$group) == percentage(3/4) {
@extend %three-quarters;
} @else {
width: percentage($i/$group);
}
}
}
.grid-namespace-1-of-6 {
width: 16.66667%; }
.grid-namespace-5-of-6 {
width: 83.33333%; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment