Scoped with device specific style

Questions
1

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 {
}
</style>

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?

2

This part of docs covers what you need http://framework7.io/docs/router-component.html#scoped-styles

3

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

4

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