выражение верхнего уровня SASS Invalid на @ -MS-ключевые кадры

Question

у меня есть базовый файл SCSS, который содержит (помимо всего прочего) этого:

@keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

@-moz-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

@-webkit-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

@-ms-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
}​ 
    // <--- Error thrown on this line 
@-o-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

При попытке компиляции, я получаю invalid top level expression на линии, что я указанном в моем коде выше. Okay, so, I пытались удалить следующий код:

@-ms-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
}​ 

А теперь он компилируется просто отлично. Почему у sass есть проблема с этим блоком кода? Я использую node-sass (libsass 3.2).

Answer 1

Я думаю, что у вас может быть скопирован случайный персонаж в вашем SASS, или кто-то намеренно возится с вами. Ваш SASS отлично компилируется на SassMeister с Libsass 3.1.0. Однако обратите внимание, что если вы скопируете фрагмент кода в SassMeister, вы получите этот странный неизвестный символ, где ошибка будет выброшена. При дальнейшем осмотре в вашем фрагменте кода был объект ​. Итак ... Это либо ошибка SO, либо случайная копия.

... скажите, что я не сумасшедший.