Global pages to have different styling per device?

I have a number of global pages that will be heading to web and mobile such as login screens, is it possible to make these responsive and get these styled differently on all devices?

Cheers,

Are you interested in identifying different screen sizes or different kind of devices, (ex pc and smartphone)

Yeah, so the log in page would be on mobile, PC etc, but would then be different widths for inputs

oh ok, that can be set from here in each component


you can use something like this
IF(systemVars.dimensions.viewport.width<500, 200, 600)

Also if you want to completely show and hide components you can use a similar formula (but with true false) in the visibility formula