プレフィックスを使用しているSassが動作しません。

Question

現在、小さな問題があります。私は、接頭辞を宣言しようとすると、次の操作を実行しようと

.login-scene { 
    display: table; 
    width: 100%; 
    height: 100vh; 
} 


.login-language { 
    padding-top: 12px; 
} 

.login-button { 
    margin-top: 30px; 
} 

span.login-header { 
    font-size: 25px; 
    padding: 30px; 
    display: block; 
    color: white; 
} 

：

は現在、以下のようにスタイリングの好みのシリーズが含まれているSCSSファイルを持っている

$prefix: "login"; 

.prefix { 
    &-scene { 
     display: table; 
     width: 100%; 
     height: 100vh; 
    } 

    &-language { 
     padding-top: 12px; 
    } 

    &-button { 
     margin-top: 30px; 
    } 
} 

イム私のアプリケーションではエラーは発生しませんが、プレフィックスを使用すると、スタイリングは適用されません。何か案は？

Answer 1

回答は以下のとおりです。

$prefix: "login"; 

.#{$prefix} { 
    &-scene { 
     display: table; 
     width: 100%; 
     height: 100vh; 
    } 

    &-language { 
     padding-top: 12px; 
    } 

    &-button { 
     margin-top: 30px; 
    } 

}