@framebridge/basscss-hide

利用这些公用设施有条件地隐藏基于取景口宽度的元素.

命名公约

隐藏公用设施不同于巴斯克的其他基于断点的风格. 每个隐藏工具仅适用于一个断点范围.

隐藏内容

调整浏览器窗口的大小以查看效果 .

<h3 class="xs-hide">Hidden below 40em</h3>
<h3 class="sm-hide red">Hidden between 40 and 52em</h3>
<h3 class="md-hide red">Hidden between 52 and 64em</h3>
<h3 class="lg-hide red">Hidden above 64em</h3>

响应线断开

控制不同屏幕宽度的包接.

<h1>
  Responsive Line Break
  <br class="xs-hide">
  To Control Wrapping
</h1>

可访问隐藏

以无障碍方式将格式标签等东西隐藏在视觉上 .hide 函数.

<form>
  <label for="search" class="hide">Search</label>
  <input id="search" type="search" class="input">
</form>

无

使用此工具设置不显示 。 视其使用地点而定.

<div>Visible</div>
<div class="display-none">Hidden</div>