SASS ломает мой селектор

Question

У меня проблемы с SASS. Локально у меня есть этот селектор:

#featured-categories{ 
     ul{   
      li{ 
       width: 33.33%; 
      } 
     } 
} 

который работает должным образом. Deployed (и сжатые), однако это компиляция, чтобы:

#featured-categoriesulli{width: 33.33%;} 

который, конечно, является недействительным селектором. Более прямая больше вперед формулировка:

#featured-categories ul li{ 
    width: 33.33%; 
} 

ведет себя таким же образом - т.е. компилируется в чем-то потеряются и разбитым.

Единственный способ, которым я могу получить эту компиляцию является добавление избыточных правил между элементами селектора:

#featured-categories{ 
     margin: 0; 
     ul{ 
      margin: 0; 
      li{ 
       width: 33.33%; 
      } 
     } 
} 

Это работает, но, очевидно, не является идеальным.

Может ли кто-нибудь помочь? Я нахожусь в рубине 1.9.3. Любые указатели будут очень благодарны.

Answer 1

SCSS, который вы предоставили, должен работать нормально. Проверьте это с помощью SassMeister или http://jsfiddle.net/Kjanu/. Он будет скомпилированно с этим:

#featured-categories ul li { width: 33.33%; } 

Таким образом, у вас в вашей настройке что-то не так.