amis-rpc-design/libs/amis/packages/amis-ui/scss/helper/layout/_clear.scss

57 lines
1.1 KiB
SCSS
Raw Normal View History

2023-10-07 19:42:30 +08:00
/*!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 + ':'));
}
}