Extraer clase de cuerpo para su uso en Scss
Estoy aprendiendo Sass pero un poco estancado tratando de resolver algo. Me gustaría tener una imagen de fondo y una imagen de encabezado únicas en diferentes páginas. ¿Cómo puedo tal vez extraer el nombre de la clase del cuerpo del marcado e interpretarlo en scss?
Esencialmente, necesito alguna forma de evitar tener que hacer esto (lo que es totalmente el punto de scss, ¿no?)
body.page1 {
background: url(../img/bkg-page1.png) left top repeat-x;
header {
background: url(../img/header-page1.png) center top no-repeat;
height: 320px;
}
}
body.page2 {
background: url(../img/bkg-page2.png) left top repeat-x;
header {
background: url(../img/header-page2.png) center top no-repeat;
height: 320px;
}
}
Me doy cuenta de que el uso de variables es la dirección correcta, pero no estoy seguro de cómo transmitir la clase de marcado a los scss.
Cualquier puntero sería más apreciado.