Question

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?

Answer 1

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.