Responsive design with nested routes

Has anyone had any success using ember with a responsive design and nested routes?

When showing the top level route template I would like to show everything that’s outside of the outlet and then when navigating to a nested route I would like to show only what’s inside the outlet, i.e. the nested part.

I have it kind of working but this involves lots of message passing from the nested view back to the top level controller telling it to add/remove my responsive classes. It works in part but it feels dirty and brings it’s own set of problems. Does anyone have any better solutions?

Isn’t it better to use same HTML everywhere and style it with CSS media queries?