camcam
camcam

Reputation: 2625

SASS: syntax errors when using shorthand syntax

My scss file is this:

@import "compass/typography/lists/bullets";
.view-content ul
  +no-bullets

This gives me an error on the page:

Syntax error: Invalid css after " +no-bullets": expected "{", was ""

However, when the rule looks like this:

.view-content ul {
  @include no-bullets;
}

then it's OK and bullets are gone.

But I like the shorthand notation, how to enable using it?

Upvotes: 0

Views: 857

Answers (1)

Adrien
Adrien

Reputation: 2206

You're right, I found the related documentation.

I tried the following and it works.

Then, I tried your and it didn't work until I remove the trailing ; on the import instruction.

@import "compass/typography/lists/bullets"

.view-content ul
  +no-bullets

The following works with Compass 0.12.2. Try removing the trailing ; on the import instruction.

Upvotes: 1

Related Questions