/*!markdown

---
title: Visibility
---

显示与隐藏。

| Class     | Properties           |
| --------- | -------------------- |
| visible   | visibility: visible; |
| invisible | visibility: hidden;  |

## 用法


# 响应式设计

支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。

*/

@mixin make-visibility($prefix: '.') {
  #{$prefix}visible {
    visibility: visible;
  }

  #{$prefix}invisible {
    visibility: hidden;
  }
}

@include make-visibility();
@each $deivce in map-keys($devices) {
  @include media-device($deivce) {
    @include make-visibility('.' + selector-escape($deivce + ':'));
  }
}
