57 lines
1.1 KiB
SCSS
57 lines
1.1 KiB
SCSS
/*!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)。
|
||
|
||
## 状态前缀
|
||
|
||
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
|
||
|
||
*/
|
||
|
||
@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 + ':'));
|
||
}
|
||
}
|