私は(とりわけ)これを含む基本的な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
上記のコードで示した行に が表示されます。さて、次のコードを削除してみました。
@-ms-keyframes fade{
0% { opacity: 0; }
100% { opacity: 1; }
}
そして今、それはうまくコンパイルされます。このコード ブロックで sass が問題を起こすのはなぜでしょうか? node-sass (libsass 3.2) を使用しています。