Scoped with device specific style

I use parent classes .ios and .md to define device specific styles in component pages. But when using with scoped they do not work (obviously because .ios and .md is defined in html tag outside of scope)

<style scoped>
.ios .my-class {

.md .my-class {

Unfortunately I cannot define 2 blocks of style in one page (so that I can have one for scoped and one for global). Any workaround for this?

This part of docs covers what you need

Thanks!!! Didn’t know it is already supported.

На данный момент в iOS-теме не применяется scoped к Navbar, а так работает все отлично.