Created
July 21, 2014 18:03
-
-
Save jonathan-beebe/d2f51822bd73f173c161 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.3.10) | |
// Compass (v1.0.0.alpha.20) | |
// ---- | |
@mixin item-generator ($n, $i: 1) { | |
@while $i <= $n { | |
.item--block--#{$i} { | |
@extend .item; | |
.item { | |
width: (100% / $i); | |
} | |
} | |
$i: $i + 1; | |
} | |
} | |
.item { | |
padding: 12px; | |
& + .item { | |
padding-left: 0; | |
} | |
} | |
.item--block { | |
width: 100%; | |
display: inline-block; | |
} | |
@include item-generator(12); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.item, .item--block--1, .item--block--2, .item--block--3, .item--block--4, .item--block--5, .item--block--6, .item--block--7, .item--block--8, .item--block--9, .item--block--10, .item--block--11, .item--block--12 { | |
padding: 12px; | |
} | |
.item + .item, .item--block--1 + .item, .item--block--2 + .item, .item--block--3 + .item, .item--block--4 + .item, .item--block--5 + .item, .item--block--6 + .item, .item--block--7 + .item, .item--block--8 + .item, .item--block--9 + .item, .item--block--10 + .item, .item--block--11 + .item, .item--block--12 + .item, .item + .item--block--1, .item--block--1 + .item--block--1, .item--block--2 + .item--block--1, .item--block--3 + .item--block--1, .item--block--4 + .item--block--1, .item--block--5 + .item--block--1, .item--block--6 + .item--block--1, .item--block--7 + .item--block--1, .item--block--8 + .item--block--1, .item--block--9 + .item--block--1, .item--block--10 + .item--block--1, .item--block--11 + .item--block--1, .item--block--12 + .item--block--1, .item + .item--block--2, .item--block--1 + .item--block--2, .item--block--2 + .item--block--2, .item--block--3 + .item--block--2, .item--block--4 + .item--block--2, .item--block--5 + .item--block--2, .item--block--6 + .item--block--2, .item--block--7 + .item--block--2, .item--block--8 + .item--block--2, .item--block--9 + .item--block--2, .item--block--10 + .item--block--2, .item--block--11 + .item--block--2, .item--block--12 + .item--block--2, .item + .item--block--3, .item--block--1 + .item--block--3, .item--block--2 + .item--block--3, .item--block--3 + .item--block--3, .item--block--4 + .item--block--3, .item--block--5 + .item--block--3, .item--block--6 + .item--block--3, .item--block--7 + .item--block--3, .item--block--8 + .item--block--3, .item--block--9 + .item--block--3, .item--block--10 + .item--block--3, .item--block--11 + .item--block--3, .item--block--12 + .item--block--3, .item + .item--block--4, .item--block--1 + .item--block--4, .item--block--2 + .item--block--4, .item--block--3 + .item--block--4, .item--block--4 + .item--block--4, .item--block--5 + .item--block--4, .item--block--6 + .item--block--4, .item--block--7 + .item--block--4, .item--block--8 + .item--block--4, .item--block--9 + .item--block--4, .item--block--10 + .item--block--4, .item--block--11 + .item--block--4, .item--block--12 + .item--block--4, .item + .item--block--5, .item--block--1 + .item--block--5, .item--block--2 + .item--block--5, .item--block--3 + .item--block--5, .item--block--4 + .item--block--5, .item--block--5 + .item--block--5, .item--block--6 + .item--block--5, .item--block--7 + .item--block--5, .item--block--8 + .item--block--5, .item--block--9 + .item--block--5, .item--block--10 + .item--block--5, .item--block--11 + .item--block--5, .item--block--12 + .item--block--5, .item + .item--block--6, .item--block--1 + .item--block--6, .item--block--2 + .item--block--6, .item--block--3 + .item--block--6, .item--block--4 + .item--block--6, .item--block--5 + .item--block--6, .item--block--6 + .item--block--6, .item--block--7 + .item--block--6, .item--block--8 + .item--block--6, .item--block--9 + .item--block--6, .item--block--10 + .item--block--6, .item--block--11 + .item--block--6, .item--block--12 + .item--block--6, .item + .item--block--7, .item--block--1 + .item--block--7, .item--block--2 + .item--block--7, .item--block--3 + .item--block--7, .item--block--4 + .item--block--7, .item--block--5 + .item--block--7, .item--block--6 + .item--block--7, .item--block--7 + .item--block--7, .item--block--8 + .item--block--7, .item--block--9 + .item--block--7, .item--block--10 + .item--block--7, .item--block--11 + .item--block--7, .item--block--12 + .item--block--7, .item + .item--block--8, .item--block--1 + .item--block--8, .item--block--2 + .item--block--8, .item--block--3 + .item--block--8, .item--block--4 + .item--block--8, .item--block--5 + .item--block--8, .item--block--6 + .item--block--8, .item--block--7 + .item--block--8, .item--block--8 + .item--block--8, .item--block--9 + .item--block--8, .item--block--10 + .item--block--8, .item--block--11 + .item--block--8, .item--block--12 + .item--block--8, .item + .item--block--9, .item--block--1 + .item--block--9, .item--block--2 + .item--block--9, .item--block--3 + .item--block--9, .item--block--4 + .item--block--9, .item--block--5 + .item--block--9, .item--block--6 + .item--block--9, .item--block--7 + .item--block--9, .item--block--8 + .item--block--9, .item--block--9 + .item--block--9, .item--block--10 + .item--block--9, .item--block--11 + .item--block--9, .item--block--12 + .item--block--9, .item + .item--block--10, .item--block--1 + .item--block--10, .item--block--2 + .item--block--10, .item--block--3 + .item--block--10, .item--block--4 + .item--block--10, .item--block--5 + .item--block--10, .item--block--6 + .item--block--10, .item--block--7 + .item--block--10, .item--block--8 + .item--block--10, .item--block--9 + .item--block--10, .item--block--10 + .item--block--10, .item--block--11 + .item--block--10, .item--block--12 + .item--block--10, .item + .item--block--11, .item--block--1 + .item--block--11, .item--block--2 + .item--block--11, .item--block--3 + .item--block--11, .item--block--4 + .item--block--11, .item--block--5 + .item--block--11, .item--block--6 + .item--block--11, .item--block--7 + .item--block--11, .item--block--8 + .item--block--11, .item--block--9 + .item--block--11, .item--block--10 + .item--block--11, .item--block--11 + .item--block--11, .item--block--12 + .item--block--11, .item + .item--block--12, .item--block--1 + .item--block--12, .item--block--2 + .item--block--12, .item--block--3 + .item--block--12, .item--block--4 + .item--block--12, .item--block--5 + .item--block--12, .item--block--6 + .item--block--12, .item--block--7 + .item--block--12, .item--block--8 + .item--block--12, .item--block--9 + .item--block--12, .item--block--10 + .item--block--12, .item--block--11 + .item--block--12, .item--block--12 + .item--block--12 { | |
padding-left: 0; | |
} | |
.item--block { | |
width: 100%; | |
display: inline-block; | |
} | |
.item--block--1 .item, .item--block--1 .item--block--1, .item--block--1 .item--block--2, .item--block--1 .item--block--3, .item--block--1 .item--block--4, .item--block--1 .item--block--5, .item--block--1 .item--block--6, .item--block--1 .item--block--7, .item--block--1 .item--block--8, .item--block--1 .item--block--9, .item--block--1 .item--block--10, .item--block--1 .item--block--11, .item--block--1 .item--block--12 { | |
width: 100%; | |
} | |
.item--block--2 .item, .item--block--2 .item--block--1, .item--block--2 .item--block--2, .item--block--2 .item--block--3, .item--block--2 .item--block--4, .item--block--2 .item--block--5, .item--block--2 .item--block--6, .item--block--2 .item--block--7, .item--block--2 .item--block--8, .item--block--2 .item--block--9, .item--block--2 .item--block--10, .item--block--2 .item--block--11, .item--block--2 .item--block--12 { | |
width: 50%; | |
} | |
.item--block--3 .item, .item--block--3 .item--block--1, .item--block--3 .item--block--2, .item--block--3 .item--block--3, .item--block--3 .item--block--4, .item--block--3 .item--block--5, .item--block--3 .item--block--6, .item--block--3 .item--block--7, .item--block--3 .item--block--8, .item--block--3 .item--block--9, .item--block--3 .item--block--10, .item--block--3 .item--block--11, .item--block--3 .item--block--12 { | |
width: 33.33333%; | |
} | |
.item--block--4 .item, .item--block--4 .item--block--1, .item--block--4 .item--block--2, .item--block--4 .item--block--3, .item--block--4 .item--block--4, .item--block--4 .item--block--5, .item--block--4 .item--block--6, .item--block--4 .item--block--7, .item--block--4 .item--block--8, .item--block--4 .item--block--9, .item--block--4 .item--block--10, .item--block--4 .item--block--11, .item--block--4 .item--block--12 { | |
width: 25%; | |
} | |
.item--block--5 .item, .item--block--5 .item--block--1, .item--block--5 .item--block--2, .item--block--5 .item--block--3, .item--block--5 .item--block--4, .item--block--5 .item--block--5, .item--block--5 .item--block--6, .item--block--5 .item--block--7, .item--block--5 .item--block--8, .item--block--5 .item--block--9, .item--block--5 .item--block--10, .item--block--5 .item--block--11, .item--block--5 .item--block--12 { | |
width: 20%; | |
} | |
.item--block--6 .item, .item--block--6 .item--block--1, .item--block--6 .item--block--2, .item--block--6 .item--block--3, .item--block--6 .item--block--4, .item--block--6 .item--block--5, .item--block--6 .item--block--6, .item--block--6 .item--block--7, .item--block--6 .item--block--8, .item--block--6 .item--block--9, .item--block--6 .item--block--10, .item--block--6 .item--block--11, .item--block--6 .item--block--12 { | |
width: 16.66667%; | |
} | |
.item--block--7 .item, .item--block--7 .item--block--1, .item--block--7 .item--block--2, .item--block--7 .item--block--3, .item--block--7 .item--block--4, .item--block--7 .item--block--5, .item--block--7 .item--block--6, .item--block--7 .item--block--7, .item--block--7 .item--block--8, .item--block--7 .item--block--9, .item--block--7 .item--block--10, .item--block--7 .item--block--11, .item--block--7 .item--block--12 { | |
width: 14.28571%; | |
} | |
.item--block--8 .item, .item--block--8 .item--block--1, .item--block--8 .item--block--2, .item--block--8 .item--block--3, .item--block--8 .item--block--4, .item--block--8 .item--block--5, .item--block--8 .item--block--6, .item--block--8 .item--block--7, .item--block--8 .item--block--8, .item--block--8 .item--block--9, .item--block--8 .item--block--10, .item--block--8 .item--block--11, .item--block--8 .item--block--12 { | |
width: 12.5%; | |
} | |
.item--block--9 .item, .item--block--9 .item--block--1, .item--block--9 .item--block--2, .item--block--9 .item--block--3, .item--block--9 .item--block--4, .item--block--9 .item--block--5, .item--block--9 .item--block--6, .item--block--9 .item--block--7, .item--block--9 .item--block--8, .item--block--9 .item--block--9, .item--block--9 .item--block--10, .item--block--9 .item--block--11, .item--block--9 .item--block--12 { | |
width: 11.11111%; | |
} | |
.item--block--10 .item, .item--block--10 .item--block--1, .item--block--10 .item--block--2, .item--block--10 .item--block--3, .item--block--10 .item--block--4, .item--block--10 .item--block--5, .item--block--10 .item--block--6, .item--block--10 .item--block--7, .item--block--10 .item--block--8, .item--block--10 .item--block--9, .item--block--10 .item--block--10, .item--block--10 .item--block--11, .item--block--10 .item--block--12 { | |
width: 10%; | |
} | |
.item--block--11 .item, .item--block--11 .item--block--1, .item--block--11 .item--block--2, .item--block--11 .item--block--3, .item--block--11 .item--block--4, .item--block--11 .item--block--5, .item--block--11 .item--block--6, .item--block--11 .item--block--7, .item--block--11 .item--block--8, .item--block--11 .item--block--9, .item--block--11 .item--block--10, .item--block--11 .item--block--11, .item--block--11 .item--block--12 { | |
width: 9.09091%; | |
} | |
.item--block--12 .item, .item--block--12 .item--block--1, .item--block--12 .item--block--2, .item--block--12 .item--block--3, .item--block--12 .item--block--4, .item--block--12 .item--block--5, .item--block--12 .item--block--6, .item--block--12 .item--block--7, .item--block--12 .item--block--8, .item--block--12 .item--block--9, .item--block--12 .item--block--10, .item--block--12 .item--block--11, .item--block--12 .item--block--12 { | |
width: 8.33333%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment