Visibility

These helpers allow you to hide elements on a certain breakpoints.

flix-hidden;
flix-hidden-zero;
flix-hidden-xs;
flix-hidden-sm;
flix-hidden-md;
flix-hidden-lg;
flix-hidden-xl;

Note xs breakpoint will change from 0 to 390px in Honeycomb 7.

flix-hidden-zero

flix-hidden-xs

flix-hidden-sm

flix-hidden-md

flix-hidden-lg

flix-hidden-xl

<div class="flix-box flix-hidden-zero">flix-hidden-zero</div>
<div class="flix-box flix-hidden-xs">flix-hidden-xs</div>
<div class="flix-box flix-hidden-sm">flix-hidden-sm</div>
<div class="flix-box flix-hidden-md">flix-hidden-md</div>
<div class="flix-box flix-hidden-lg">flix-hidden-lg</div>
<div class="flix-box flix-hidden-xl">flix-hidden-xl</div>

<div class="flix-box flix-hidden-zero">flix-hidden-zero</div>
<div class="flix-box flix-hidden-xs">flix-hidden-xs</div>
<div class="flix-box flix-hidden-sm">flix-hidden-sm</div>
<div class="flix-box flix-hidden-md">flix-hidden-md</div>
<div class="flix-box flix-hidden-lg">flix-hidden-lg</div>
<div class="flix-box flix-hidden-xl">flix-hidden-xl</div>