To distinguish between mobile and desktop sized screens we currently use a session variable called "global.isMobileWidth" which will be reset after every window size change. This intermixes styling with application logic because it displaces the style decisions from the css files into the template helper javascript files. Additionally this blows up our template helpers a lot.
The same can be done by using css media rules which can be defined within the css files directly.
To distinguish between mobile and desktop sized screens we currently use a session variable called "global.isMobileWidth" which will be reset after every window size change. This intermixes styling with application logic because it displaces the style decisions from the css files into the template helper javascript files. Additionally this blows up our template helpers a lot.
The same can be done by using css media rules which can be defined within the css files directly.