Добавить селектор предков в текущую вложенность SASS

Я хотел бы использовать классы 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;
}           

Ответы на вопрос(1)

Решение Вопроса
.page-home
    .content
        .rows
            .row
                background: blue

                html.no-touch &:hover
                    background: red

        .images
            width: auto

            html.touch &
                max-width: 50px

Окажет:

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

УвидетьSASS ссылается на родительские селекторы а такжеэта почта для другого примера.

 bazzlebrush15 апр. 2016 г., 16:20
Это здорово, это можно сделать в SCSS?

Ваш ответ на вопрос