Aplicar estilos a todas las consultas de medios

De nuevo, enhorabuena por el gran trabajo. Hemos ampliado mucho Grapes y hemos conseguido añadir casi toda la funcionalidad que necesitamos.

Planeamos usarlo para las primeras páginas móviles. Así que hemos configurado el administrador de dispositivos para que por defecto sea "Retrato móvil". El estilismo se realiza mediante clases, y hemos ampliado todos los componentes para crear una nueva clase al añadirla al lienzo. Esto nos va bien y hasta ahora funciona muy bien.

Sin embargo, cuando se cambia un estilo en una clase, solo cambia la consulta de medios para @media (ancho máximo: 480px). Así, el usuario puede tener que repetir los mismos cambios para otras consultas de medios (o para el CSS principal). ¿Cómo podemos controlar este comportamiento? ¿Podemos definir qué propiedades de estilo se configuran en los CSS que no se basan en media query y cuáles en los de media query?

O si esto es bastante complejo, ¿podemos hacer primero el CSS móvil? Es decir: cambiar los puntos de ruptura para que el CSS se forme así

-CSS de consultas no multimedia

• @media (ancho-mínimo: 481px)
• @media (ancho mínimo:993px)

De este modo, el "CSS principal" se configura para móvil y las sobreescrituras se realizan tanto en Tablet como en Mobile

¡Gracias otra vez!