2017-12-15 17 views
0

私はBEMスタイルのCSSクラスの名前を使用します。PhpStormでCSSの再フォーマットを使用するときにインデントを保持する方法は?

.b-ajax-window-header { 
    display : flex; 
} 

    .b-ajax-window-header__left { 
     margin-right : 20px; 
    } 

    .b-ajax-window-header__right { 
     margin-left : auto; 
    } 

しかし、私がPhpStormで「再フォーマットコード」を使用すると、2番目と3番目のCSS命令はインデントを失います。

.b-ajax-window-header { 
    display : flex; 
} 

.b-ajax-window-header__left { 
    margin-right : 20px; 
} 

.b-ajax-window-header__right { 
    margin-left : auto; 
} 

私はこれを止めるための設定を探しましたが、何も見つかりませんでした。私を手伝ってくれますか?

答えて

2

このような設定はありません。

このチケットは関連性があるようです:https://youtrack.jetbrains.com/issue/WEB-26136 - 進行状況を通知するために(star/vote/comment)それを見てください。


P.S.インデント/グルーピングが必要な場合は、Less/Sassを使用してください。書き込まれるコードが少なくなりました。(何度も繰り返す必要はありません。.b-ajax-window-header 3回)。構造パネルにもグループ化されます。

あなたは読書用に必要です。最終的にコンパイルされたCSSはここでは重要ではありません(どのようにフォーマットされますか)。後でさらに細分化...

+0

ありがとう。私はあなたが言ったことすべて(星/投票/コメント)を行った。 –

+0

私はより良い検索のためにクラスの完全な名前が好きです。だから私はサスなどを使用しない。 –

関連する問題