Estou revisando alguns temas e vejo que para estilos móveis, as declarações agora são substituídas por declarações principais.
Quando declaro uma regra diretamente em mobile/mobile.scss, ela tem precedência e é aplicada. Mas quando uso @import em mobile.scss, as declarações importadas são substituídas.
Por exemplo, algumas declarações @importadas que tenho em temas que agora são substituídas por declarações no core:
#list-area { background: xxx; }
body { background-color: xxx; }
Hmm, isso é surpreendente. As folhas de estilo de tema, sejam móveis ou desktop, estão configuradas para serem carregadas após as principais, veja:
Tem certeza de que não há algo mais acontecendo, como um problema de especificidade de seletor? Frequentemente, o núcleo recebe atualizações com seletores mais específicos, o que pode significar que temas que usam o seletor original regrediram.
Não foi sobre especificidade, pois troquei exatamente as mesmas declarações entre mobile.scss e usando @import em mobile.scss. A primeira foi aplicada e a outra foi substituída no inspetor do navegador.
Mas agora também não consigo reproduzi-lo! Acabei de criar um componente em branco apenas com um mobile.scss para tentar novamente e as declarações são aplicadas de ambas as maneiras.
Desculpe pelo relatório incorreto! Embora eu esteja perdido sobre o que o causou antes… tive isso em diferentes navegadores também…
Sem problemas! Talvez isso aconteça sob um conjunto específico de condições…