Estoy revisando algunos temas y veo que para los estilos móviles, las declaraciones ahora son anuladas por las declaraciones principales.
Cuando declaro una regla directamente en mobile/mobile.scss, tiene precedencia y se aplica. Pero cuando uso @import en mobile.scss, las declaraciones importadas son anuladas.
Por ejemplo, algunas declaraciones @importadas que tengo en temas que ahora son anuladas por declaraciones en core:
#list-area { background: xxx; }
body { background-color: xxx; }
Hmm, eso es sorprendente. Las hojas de estilo del tema, ya sean móviles o de escritorio, están configuradas para cargarse después de las principales, mira:
¿Estás seguro de que no está sucediendo algo más, como un problema de especificidad del selector? A menudo, el núcleo recibe actualizaciones con selectores más específicos, lo que puede significar que los temas que usan el selector original tendrían regresiones.
No se trataba de especificidad, ya que cambié exactamente las mismas declaraciones entre mobile.scss y usando @import en mobile.scss. La primera se aplicó y la otra se sobrescribió en el inspector del navegador.
¡Pero ahora tampoco puedo reproducirlo! Acabo de crear un componente en blanco solo con un mobile.scss para intentarlo de nuevo y las declaraciones se aplican de ambas maneras.
¡Lo siento mucho por el informe erróneo! Aunque no entiendo qué lo causó antes… lo tuve en diferentes navegadores también…
¡No te preocupes! Quizás esto ocurra bajo un conjunto específico de condiciones…