Grow your CSS skills. Land your dream job.

Sass comments weird.

  • # April 12, 2013 at 8:33 am

    can’t get /* */-comments (do we say ‘normal css comments’?) to compile into comments on the same line as a property.

    example:

    .foo
    color: #369
    font-size: 2em /* i like ems */
    padding: 20px

    …should compile into:

    .foo {
    color: #336699;
    font-size: 2em; /* i like ems */
    padding: 20px; }

    no?

    feels like they work in the same way as silent comments (//)

    thoughts anyone?

    # April 12, 2013 at 9:40 am

    Not sure if it’s typos or anything (or if your compiler allows this) but your pre-compiled code doesn’t have brackets and semicolons.

    I use Compass.app as my SASS compiler and if I use this code:

    .foo {
    color: #369;
    font-size: 2em; /* i like ems */
    padding: 20px;
    }

    …it compiles into:

    .foo {
    color: #369;
    font-size: 2em;
    /* i like ems */
    padding: 20px;
    }

    # April 12, 2013 at 11:13 am

    Try placing `!` mark, like so: `/*! comment */`.

    I never leave comments in production code, but I never had issues with SASS compiler on Linux when I just compile it with
    `sass –watch app.scss:app.css`
    and adding
    `–style compressed`
    would make the code production ready, which strips out the comments.

    # April 28, 2013 at 5:24 pm

    tnx for answers, ppl!

    i’m using [Guard](http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&ved=0CDEQFjAA&url=http%3A%2F%2Fnet.tutsplus.com%2Ftutorials%2Ftools-and-tips%2Fguard-is-your-best-friend%2F&ei=7JN9UZTuM8aK7Abd94GQAQ&usg=AFQjCNEI_bffAvmJhaGH3D608G25CwNyTg&sig2=WBAmm7ytuFex8OBHqioqdw&bvm=bv.45645796,d.ZGU) on win7.
    i’ll minify the css for production for sure, but at the moment it is set to **:style => :expanded** in my Guardfile.

    i’m using the SASS syntax (without the brackets/semicolons.)
    only if i use the SCSS syntax i can get the comment to (at least) pop down under + then i don’t need to use the bang (!) in the comment.

    # April 29, 2013 at 2:38 am

    Works with scss syntax but not with sass.

    You can also download [Prepros App](http://alphapixels.com/prepros) for windows which does compiling and live browser refresh.

    # April 29, 2013 at 7:51 pm

    sweet. never heard of it.
    will check. cheers!
    the LiveReload beta was dodgy. this might be an alternative, but i’m trying to use the command line as much as possible (though even Guard prevents it ;))

    # April 29, 2013 at 8:04 pm

    now… if i only could get that executable it would be nice…

    # April 30, 2013 at 3:39 am

    Sorry @twincy, Now you can download. Cheers !

    # May 11, 2013 at 2:54 pm

    awesomesauce :)

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".