Skip to content

Instantly share code, notes, and snippets.

@mturjak
Created January 25, 2014 08:55
Show Gist options
  • Select an option

  • Save mturjak/8613644 to your computer and use it in GitHub Desktop.

Select an option

Save mturjak/8613644 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.2.14)
// Compass (v0.12.2)
// ----
$number: 6;
$name: (
("one"),
("two" "halv" "halves"),
("three" "third" "thirds"),
("four" "quarter" "quarters"),
("five" "fifth" "fifths"),
("six" "sixth" "sixsths")
);
@for $i from 1 to $number {
@for $j from 2 through $number {
.#{ nth( nth( $name, $i ), 1 ) }-#{
if( $i>1,
nth( nth( $name, $j ), 3 ),
nth( nth( $name, $j ), 2 )
)} {
/* CSS styles */
}
}
}
.one-halv {
/* CSS styles */
}
.one-third {
/* CSS styles */
}
.one-quarter {
/* CSS styles */
}
.one-fifth {
/* CSS styles */
}
.one-sixth {
/* CSS styles */
}
.two-halves {
/* CSS styles */
}
.two-thirds {
/* CSS styles */
}
.two-quarters {
/* CSS styles */
}
.two-fifths {
/* CSS styles */
}
.two-sixsths {
/* CSS styles */
}
.three-halves {
/* CSS styles */
}
.three-thirds {
/* CSS styles */
}
.three-quarters {
/* CSS styles */
}
.three-fifths {
/* CSS styles */
}
.three-sixsths {
/* CSS styles */
}
.four-halves {
/* CSS styles */
}
.four-thirds {
/* CSS styles */
}
.four-quarters {
/* CSS styles */
}
.four-fifths {
/* CSS styles */
}
.four-sixsths {
/* CSS styles */
}
.five-halves {
/* CSS styles */
}
.five-thirds {
/* CSS styles */
}
.five-quarters {
/* CSS styles */
}
.five-fifths {
/* CSS styles */
}
.five-sixsths {
/* CSS styles */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment