breakpoints for gallery not working on view.xml

[delfidream]

Hello, I'm trying to change nav option for gallery only on mobile. (thumbs on desktop, dots on mobile).
On any standard theme it's possible by adding this on view.xml

<var name="breakpoints">
    <var name="mobile">
        <var name="conditions">
            <var name="max-width">991px</var>
        </var>
        <var name="options">
            <var name="options">
                <var name="nav">dots</var>
            </var>
        </var>
    </var>
</var>

but it's not working on breeze. Any help to get it to work?

[vovayatsyuk]

Breeze doesn't support breakpoints gallery feature, so you need to write styles for this.

Just pushed the commit that makes it easier to implement this feature for any media query.

Using from your theme:

& when (@critical) {
    @media @media-md-down {
        .breeze-gallery:not(.opened) .thumbnails {
            .bz-gallery-nav-dots();
        }
    }
}

[delfidream]

Thank you so much Vova, I'll give it a try.