mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-04 12:58:38 +08:00
33686a375e
* 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
86 lines
2.0 KiB
SCSS
86 lines
2.0 KiB
SCSS
/*!markdown
|
||
|
||
---
|
||
title: Overflow
|
||
---
|
||
|
||
内容超出相关样式。
|
||
|
||
| Class | Properties |
|
||
| ----------- | ------------------------ |
|
||
| overflow-auto | overflow: auto; |
|
||
| overflow-hidden | overflow: hidden; |
|
||
| overflow-visible | overflow: visible; |
|
||
| overflow-scroll | overflow: scroll; |
|
||
| overflow-x-auto | overflow-x: auto; |
|
||
| overflow-y-auto | overflow-y: auto; |
|
||
| overflow-x-hidden | overflow-x: hidden; |
|
||
| overflow-y-hidden | overflow-y: hidden; |
|
||
| overflow-x-visible | overflow-x: visible; |
|
||
| overflow-y-visible | overflow-y: visible; |
|
||
| overflow-x-scroll | overflow-x: scroll; |
|
||
| overflow-y-scroll | overflow-y: scroll; |
|
||
|
||
## 用法
|
||
|
||
请前往一下文档查看属性含义。
|
||
|
||
https://www.w3school.com.cn/cssref/pr_pos_overflow.asp
|
||
|
||
# 响应式设计
|
||
|
||
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
|
||
|
||
## 状态前缀
|
||
|
||
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
|
||
|
||
|
||
*/
|
||
|
||
@mixin make-overflow($prefix: '.') {
|
||
#{$prefix}overflow-auto {
|
||
overflow: auto;
|
||
}
|
||
#{$prefix}overflow-hidden {
|
||
overflow: hidden;
|
||
}
|
||
#{$prefix}overflow-visible {
|
||
overflow: visible;
|
||
}
|
||
#{$prefix}overflow-scroll {
|
||
overflow: scroll;
|
||
}
|
||
#{$prefix}overflow-x-auto {
|
||
overflow-x: auto;
|
||
}
|
||
#{$prefix}overflow-y-auto {
|
||
overflow-y: auto;
|
||
}
|
||
#{$prefix}overflow-x-hidden {
|
||
overflow-x: hidden;
|
||
}
|
||
#{$prefix}overflow-y-hidden {
|
||
overflow-y: hidden;
|
||
}
|
||
#{$prefix}overflow-x-visible {
|
||
overflow-x: visible;
|
||
}
|
||
#{$prefix}overflow-y-visible {
|
||
overflow-y: visible;
|
||
}
|
||
#{$prefix}overflow-x-scroll {
|
||
overflow-x: scroll;
|
||
}
|
||
#{$prefix}overflow-y-scroll {
|
||
overflow-y: scroll;
|
||
}
|
||
}
|
||
|
||
@include make-overflow();
|
||
@each $deivce in map-keys($devices) {
|
||
@include media-device($deivce) {
|
||
@include make-overflow('.' + selector-escape($deivce + ':'));
|
||
}
|
||
}
|