Question: Are these examples for SASS only?

[jlap]

Hello!

I was wondering if the examples in this repo are meant for SASS only. I never tried it so I can't recognize its syntax, but the nesting, classes beginning with "&." and things like that don't seem like regular CSS (Although it might simply be things I didn't know about !)

Thanks

[rstacruz]

& is something that exists in Sass, Stylus and Less. @extend exists in Sass and Stylus. :-)

[jlap]

Ah ok thank you. I was reading it and it wasn't clear the examples weren't in pure css so it got me confused.

[rstacruz]

Ah yes... definitely needs some annotations. I'm leaving this open for now until I get some time to clarify it.

[lijunle]

any similiar feature like @extend in SASS?

[visualcookie]

@lijunle Mixins and Functions etc. For full list check http://sass-lang.com/documentation/file.SASS_REFERENCE.html

[lijunle]

I suppose the @extend will modify the DOM class. After read its document, I
find I am wrong. LESS mixin and function is the same thing to this.

On Tuesday, February 10, 2015, Dean Hidri [email protected] wrote:

@lijunle https://github.com/lijunle Mixins and Functions etc. For full
list check http://sass-lang.com/documentation/file.SASS_REFERENCE.html

—
Reply to this email directly or view it on GitHub
#3 (comment).

[jamen]

Just to clarify for OP (@jlap), & refers to the parent selector. For instance, say we have this:

.foo-bar {
  // styles #1 ...

  &.-baz {
    // styles #2 ...
  }
}

It would compile to (or something similar to):

.foo-bar {
  /* styles #1 ... */
}

.foo-bar.-baz {
  /* styles #2 ... */
}

I think RSCSS is more about the structure rather than how you type it. So both are valid ways to practice RSCSS .