Can't extend classes with + or - signs

[trenkwill]

Hi Harry,

Extending the regular class: @extend .pt; works
but when I try with @extend .pt+; I get this error:

"Error: Can't extend .pt +: can't extend nested selectors\A on line 1063 of webroot/styles/main.scss"

Any ideas ?
Thanks !

[csshugs]

The + character is css syntax (sibling selector). Therefore you got to escape it with a backslash:

@extend .pt\+;

[trenkwill]

That makes sense, thank you !

Le 13 janv. 2015 à 18:03, Dennis Heibuelt [email protected] a écrit :

The + character is css syntax (sibling selector). Therefore you got to escape it by:

@extend .pt+;
—
Reply to this email directly or view it on GitHub #4 (comment).

[kwyn]

This also breaks jade. I can use (class="pt+") but it's kind of obnoxious, for now just rolling with my own using the push--large and similar classes.

[nenadjelovac]

@trenkwill

Extending the regular class: @extend .pt; works

Why would you ever extend it? Better use padding-top: $inuit-spacing-unit.

Also, know when to use extend, and try to avoid it as much as possible.