VisualStuiodでCSSを階層インデントしない

VisualStudio でCSSを編集していると、CSSの名前に「.」とか「:」が入ると自動でインデントされてしまいますがこれをオフにする方法です。

例えばこんな感じになります。

.btn {
    top: 50%;
    left: 50%;
    height: 100%;
    color: #BFC3C7;
    font-size: 16px;
    padding: 0 32px;
    background: #3F444B;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 0px 6px 0 #00000070;
    transition: 0.05s;
}
    /* ★★★こういう名前だと自動でインデントされてしまう */
    .btn:hover {
        background: #51565D;
    }

    .btn:focus {
        outline: 0;
    }

    .btn:active {
        transform: translateY(2px);
    }

死ぬほど邪魔なのでインデントされないようにする設定は以下の通りです。

ツール > オプション

テキストエディタ― > CSS > 詳細設定 > 階層形式のインデント > オフ