css - 現在の SASS ネストに祖先セレクターを追加

Question

Modernizr クラスを使用したいのですが、現在のネスト セレクターで SASS を適切に使用する方法がわかりません。

最適化する方法:

.page-home
    .content
        .rows
            .row
                background: blue

        .images
            width: auto

html.no-touch
    .page-home
        .content
            .rows
                .row
                    &:hover
                        background: red

html.touch
    .page-home
        .content
            .images
                max-width: 50px

次のようなものをレンダリングするには:

.page-home .content .rows .row {
    background: blue;
}
html.no-touch .page-home .content .rows .row:hover {
    background: blue;
}
.page-home .content .images {
    width: auto;
}
html.touch .page-home .content .images {
    max-width: 50px;
}