Insert SASS Mixin variable in comment

[uneart]

Hi, just a quick question cause I can’t find any resources online. I got the following SASS mixin to add my font-sizes in rem with fallback:

@mixin rem-font-size ($size) {
font-size: $size + px; font-size: ($size / 10) + rem; /* =$size + px */
}
and it compiles to

font-size: 16px;
font-size: 1.6rem;
/* =$size + px */

which is pretty much I wanted. Except that I want the value of $size displayed in the comment as well. Any ideas how to solve that?

[rosspenman]

By referencing the variable like this: #{$var}, you can force Sass to output it in places where it usually wouldn’t.

So you should be able to use.

@mixin rem-font-size ($size) {
font-size: $size + px; font-size: ($size / 10) + rem; /* =#{$size + px} */
}

[uneart]

Awesome, works perfectly! Thanks @rosspenman. Do you know online resource where I can look something like that up myself next time? I could not find it in the official SASS reference that one is hard to read I think.

[rosspenman]

[It actually is in the Sass documentation](http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#interpolation_), but it isn’t explained very well.

[rosspenman]

I just kind of guessed that it would work, and it did! :)

[uneart]

Ah it is even in there. Someone should definitely write a nicer doc for SASS.

[Kitty Giraudel]

Kaelig did: http://www.kaelig.fr/bettersassdocs/

[rosspenman]

Wow! That’s cool!

[Author]

Posts