BEM方法論を使用してSass変数を宣言する

Question

私はSass変数にBEM方法を実装しようとしています。

// Variables 
    // Colors 
    $color--blue--light: #3696D1; 
    $color--grey: #2D4452; 
    ... 
    // Fonts 
    $body__font--sans-serif--roboto: 'Roboto', sans-serif; 
    ... 

/* Global */ 

body { 
    font-family: $body__font--sans-serif--roboto; 
    background-color: $color--blue--light; 
    color: $color--grey; 
}... 

これはBEM方法論の良いアプローチですか？

色変数を宣言するときに、ブロック（body、header ...）ごとに異なる変数を使用しても、ブロックを追加する必要がありますか？

Answer 1

コードを整理して標準化するのが良いアプローチであれば、代わりに不要と感じた場合は別の規約を使用できます。例えば

私はマークアップでBEMを使用します。

私は冗長と厳格さ有益感じていないと私は単に

$red: #cc0000; 
$roboto: 'Roboto', sans-serif; 

を使用していますが、にも依存することができ命名変数で

<div class="myBtnClass myBtnClass--blue"> 
    <div class="myBtnClass__inner"> 
     etc etc etc 

あなたが取り組んでいるプロジェクトの複雑さ。