.scss "level" differences for auto-completion

[sp00n]

Something weird is going on when writing code in different "levels".

For example, in a "level 1" notation like below, no colon is entered when auto-completing a property, and some properties don't show up in the auto-complete list (like font-style). If I however add a second level element inside that one, all of the above suddenly works.
Except adding a semicolon at the end.

Example:

.level-1 {
    width: 100%; // No automatic colon when auto-completing for "width"
    font-style: normal; // "font-style" doesn't show up in the auto-complete list

    .level-2 {
        width: 100%; // Colon is automatically added when auto-completing "width"
        font-style: normal; // Auto-completion for "font-style" works
    }
}

Also see here: #37

[mariogarridopt]

yes i have the same problem and for me its the most important problem to solve!I have the same problem. pls fix it.

[kleinfreund]

I cannot reproduce this.

1. Opened new file + saved as test.scss
2. typed this:

.level-1 {
    w
    // Autocomplete pops up and suggests `width`

Same thing applies for font-style.

[mariogarridopt]

try color:

[kleinfreund]

.level-1 {
    c
    // Autocomplete pops up and suggests `color` as 5th

It doesn't suggest namespaced color names though, but I guess that's fine.