このファイルのほとんどすべてが出力で省略されるのはなぜですか？

Question

インデントベースのSassを使用しています。私は生成しようとしている特定のCSSルールを持っています。エラーメッセージは表示されず、インデント形式に変換する前に動作していました。私はhttps://www.sassmeister.com/に次のコードを試してみましたし、それが出力している中での挙動はdangerでクラス名を含むコードの同じ

button.btn-danger 
    background-image:none 
button 
    border: 1px inset 
    .danger 
    background-image:none 
    .btn 
    background-image:none 
    &.btn 
    background-image:none 
    &:hover 
    font: 10px 
button.btndanger 
    backgroundimage:none 

noneです：

button { 
    border: 1px inset; 
} 
button:hover { 
    font: 10px; 
} 

私の元：

button 
    .btn-danger 
    background-image:none 

これはSassのバグですが、私は構文に何か間違っているのですか、あるいは私のcssセレクタについて何か違法ですか？

（編集）追加情報： これらの作業の両方（さえ3.3.14上）

button.btn-danger 
    :background-image none 

button 
    &.btn-danger 
    :background-image none 

Answer 1

間違ったコンパイラを使用している、あなたはdemoを見て、コンパイルするlibSassを使用する必要があります

SASS

// ---- 
// libsass (v3.5.0.beta.2) 
// ---- 

button.btn-danger 
    background-image:none 

button 
    border: 1px inset 
    .danger 
    background-image:none 
    .btn 
    background-image:none 
    &.btn 
    background-image:none 
    &:hover 
    font: 10px 

button.btndanger 
    backgroundimage:none 

OUTPUT

button.btn-danger { 
    background-image: none; 
} 

button { 
    border: 1px inset; 
} 

button .danger { 
    background-image: none; 
} 

button .btn { 
    background-image: none; 
} 

button.btn { 
    background-image: none; 
} 

button:hover { 
    font: 10px; 
} 

button.btndanger { 
    backgroundimage: none; 
}