/*!markdown

---
title: Clear
---

清除浮动相关样式。

| Class       | Properties    |
| ----------- | ------------- |
| clear-right | clear: right; |
| clear-left  | clear: left;  |
| clear-none  | clear: none;  |
| clear-both  | clear: both;  |

## 用法

请前往以下链接查看属性含义。

https://www.w3school.com.cn/cssref/pr_class_clear.asp


# 响应式设计

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

*/

@mixin make-clear($prefix: '.') {
  #{$prefix}clear-right {
    clear: right;
  }

  #{$prefix}clear-left {
    clear: left;
  }

  #{$prefix}clear-none {
    clear: none;
  }

  #{$prefix}clear-both {
    clear: both;
  }
}

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