color - sass variables ionic

ionic2: no se puede establecer el color de fondo de<ion-content> en variables.scss

Question

en html:

<ion-content class="bg-style">

en variables.scss:

.bg-style {
background-color: #f5f0eb;
}

los códigos anteriores no funcionan, pero puede funcionar en otras etiquetas como <a> <div> y así sucesivamente, y cuando pongo el archivo de estilo (.scss, como test.scss) en la misma ruta que el archivo html , también puede funcionar bien. No sé si mi pregunta es clara, gracias por la ayuda.

Answer 1

use el archivo app.scss lugar de variables.scss .

app.scss

 .bg-style {
background: #f5f0eb;
}

Answer 2

en el archivo app.scss agrega un estilo

.fixed-content{
background-color: #f5f0eb;
}

se aplicará a todas las páginas, y no es necesario agregar una clase a cada ion-content