Skip to content

Instantly share code, notes, and snippets.

@jdlich
Created February 1, 2016 19:10
Show Gist options
  • Save jdlich/e3a87a084dfe7d1d4862 to your computer and use it in GitHub Desktop.
Save jdlich/e3a87a084dfe7d1d4862 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.3.2)
// ----
@mixin column-helpers($breakpoint:"") {
$columns: (1,one) (2,two) (3,three) (4,four) (5,five) (6,six) (7,seven) (8,eight) (9,nine) (10,ten) (11,eleven) (12,twelve) (13,thirteen) (14,fourteen) (15,fifteen) (16,sixteen);
.one {
width: 100%;
}
@each $column in $columns {
$column-count: nth($column, 1);
$column-class: nth($column, 2);
@each $num in $columns {
$num-value: nth($num, 1);
$num-class: nth($num, 2);
@if $column-count > $num-value {
.#{$breakpoint}#{$num-class}-#{$column-class} {
width: 100/$column-count * $num-value * 1%;
}
}
}
}
}
@include column-helpers();
.one {
width: 100%;
}
.one-two {
width: 50%;
}
.one-three {
width: 33.33333%;
}
.two-three {
width: 66.66667%;
}
.one-four {
width: 25%;
}
.two-four {
width: 50%;
}
.three-four {
width: 75%;
}
.one-five {
width: 20%;
}
.two-five {
width: 40%;
}
.three-five {
width: 60%;
}
.four-five {
width: 80%;
}
.one-six {
width: 16.66667%;
}
.two-six {
width: 33.33333%;
}
.three-six {
width: 50%;
}
.four-six {
width: 66.66667%;
}
.five-six {
width: 83.33333%;
}
.one-seven {
width: 14.28571%;
}
.two-seven {
width: 28.57143%;
}
.three-seven {
width: 42.85714%;
}
.four-seven {
width: 57.14286%;
}
.five-seven {
width: 71.42857%;
}
.six-seven {
width: 85.71429%;
}
.one-eight {
width: 12.5%;
}
.two-eight {
width: 25%;
}
.three-eight {
width: 37.5%;
}
.four-eight {
width: 50%;
}
.five-eight {
width: 62.5%;
}
.six-eight {
width: 75%;
}
.seven-eight {
width: 87.5%;
}
.one-nine {
width: 11.11111%;
}
.two-nine {
width: 22.22222%;
}
.three-nine {
width: 33.33333%;
}
.four-nine {
width: 44.44444%;
}
.five-nine {
width: 55.55556%;
}
.six-nine {
width: 66.66667%;
}
.seven-nine {
width: 77.77778%;
}
.eight-nine {
width: 88.88889%;
}
.one-ten {
width: 10%;
}
.two-ten {
width: 20%;
}
.three-ten {
width: 30%;
}
.four-ten {
width: 40%;
}
.five-ten {
width: 50%;
}
.six-ten {
width: 60%;
}
.seven-ten {
width: 70%;
}
.eight-ten {
width: 80%;
}
.nine-ten {
width: 90%;
}
.one-eleven {
width: 9.09091%;
}
.two-eleven {
width: 18.18182%;
}
.three-eleven {
width: 27.27273%;
}
.four-eleven {
width: 36.36364%;
}
.five-eleven {
width: 45.45455%;
}
.six-eleven {
width: 54.54545%;
}
.seven-eleven {
width: 63.63636%;
}
.eight-eleven {
width: 72.72727%;
}
.nine-eleven {
width: 81.81818%;
}
.ten-eleven {
width: 90.90909%;
}
.one-twelve {
width: 8.33333%;
}
.two-twelve {
width: 16.66667%;
}
.three-twelve {
width: 25%;
}
.four-twelve {
width: 33.33333%;
}
.five-twelve {
width: 41.66667%;
}
.six-twelve {
width: 50%;
}
.seven-twelve {
width: 58.33333%;
}
.eight-twelve {
width: 66.66667%;
}
.nine-twelve {
width: 75%;
}
.ten-twelve {
width: 83.33333%;
}
.eleven-twelve {
width: 91.66667%;
}
.one-thirteen {
width: 7.69231%;
}
.two-thirteen {
width: 15.38462%;
}
.three-thirteen {
width: 23.07692%;
}
.four-thirteen {
width: 30.76923%;
}
.five-thirteen {
width: 38.46154%;
}
.six-thirteen {
width: 46.15385%;
}
.seven-thirteen {
width: 53.84615%;
}
.eight-thirteen {
width: 61.53846%;
}
.nine-thirteen {
width: 69.23077%;
}
.ten-thirteen {
width: 76.92308%;
}
.eleven-thirteen {
width: 84.61538%;
}
.twelve-thirteen {
width: 92.30769%;
}
.one-fourteen {
width: 7.14286%;
}
.two-fourteen {
width: 14.28571%;
}
.three-fourteen {
width: 21.42857%;
}
.four-fourteen {
width: 28.57143%;
}
.five-fourteen {
width: 35.71429%;
}
.six-fourteen {
width: 42.85714%;
}
.seven-fourteen {
width: 50%;
}
.eight-fourteen {
width: 57.14286%;
}
.nine-fourteen {
width: 64.28571%;
}
.ten-fourteen {
width: 71.42857%;
}
.eleven-fourteen {
width: 78.57143%;
}
.twelve-fourteen {
width: 85.71429%;
}
.thirteen-fourteen {
width: 92.85714%;
}
.one-fifteen {
width: 6.66667%;
}
.two-fifteen {
width: 13.33333%;
}
.three-fifteen {
width: 20%;
}
.four-fifteen {
width: 26.66667%;
}
.five-fifteen {
width: 33.33333%;
}
.six-fifteen {
width: 40%;
}
.seven-fifteen {
width: 46.66667%;
}
.eight-fifteen {
width: 53.33333%;
}
.nine-fifteen {
width: 60%;
}
.ten-fifteen {
width: 66.66667%;
}
.eleven-fifteen {
width: 73.33333%;
}
.twelve-fifteen {
width: 80%;
}
.thirteen-fifteen {
width: 86.66667%;
}
.fourteen-fifteen {
width: 93.33333%;
}
.one-sixteen {
width: 6.25%;
}
.two-sixteen {
width: 12.5%;
}
.three-sixteen {
width: 18.75%;
}
.four-sixteen {
width: 25%;
}
.five-sixteen {
width: 31.25%;
}
.six-sixteen {
width: 37.5%;
}
.seven-sixteen {
width: 43.75%;
}
.eight-sixteen {
width: 50%;
}
.nine-sixteen {
width: 56.25%;
}
.ten-sixteen {
width: 62.5%;
}
.eleven-sixteen {
width: 68.75%;
}
.twelve-sixteen {
width: 75%;
}
.thirteen-sixteen {
width: 81.25%;
}
.fourteen-sixteen {
width: 87.5%;
}
.fifteen-sixteen {
width: 93.75%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment