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