hide and col do not work smoothly together

[miaulalala]

Take as an example this code:

<div class="col xs-hide sm-hide md-hide lg-col-12">
    This div should be displayed from 1024 px.
</div>
<div class="col col-12 lg-hide">
    This div should be displayed to 1024 px.
</div>

What should happen is that one of those divs is displayed up to 1024 px and the other one from that onwards, or vice versa..
What actually happens is that none of the divs are displayed.

I used Chrome and Firefox to test.

[matteodem]

Would be awesome to have this fixed. We had to manually fix this by adjusting the CSS in our project. The problem is that the hide utilities media queries have two screen widths where both hide classes are active.

see https://github.com/basscss/basscss/blob/master/modules/hide/index.css#L31

[rposborne]

Yup this bug makes content be hidden on ipads. or screens that are 1024 pixels wide.