-
-
Save chriseppstein/8615d6dc847e10c72fe5 to your computer and use it in GitHub Desktop.
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
=rotated-text($num-letters: 100, $angle-span: 180deg, $angle-offset: 0deg) | |
$angle-per-char: $angle-span / $num-letters; | |
@for $i from 1 through $num-letters | |
.char#{$i} | |
+transform(rotate($angle-offset + $angle-per-char * $i)) |
For future reference, this is what the .scss version would look like:
@mixin rotated-text($num-letters: 100, $angle-span: 180deg, $angle-offset: 0deg) {
$angle-per-char: $angle-span / $num-letters;
@for $i from 1 through $num-letters {
.char#{$i} {
@include transform(rotate($angle-offset + $angle-per-char * $i))
}
}
}
@rachelnabors comment, formatted:
@mixin rotated-text($num-letters: 100, $angle-span: 180deg, $angle-offset: 0deg) {
$angle-per-char: $angle-span / $num-letters;
@for $i from 1 through $num-letters {
.char#{$i} {
@include transform(rotate($angle-offset + $angle-per-char * $i))
}
}
}
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Chris,
Just a quick heads up: this is listed as an
.scss
, while it's closer to validating as.sass
if you remove the semicolon in lin e 2. Otherwise it's missing some curly brackets, etc.