Añadir selector de ancestro en el anidado SASS actual
Me gustaría usar las clases de Modernizr pero no puedo ver cómo hacerlo correctamente con SASS en los selectores de anidación actuales.
Cómo optimizar:
.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
Para hacer algo como:
.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;
}