mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 12:08:13 +08:00
41 lines
767 B
SCSS
41 lines
767 B
SCSS
/*!markdown
|
|
|
|
---
|
|
title: Text OverFlow
|
|
---
|
|
|
|
| Class | Properties |
|
|
| ----------- | ------------------------ |
|
|
| truncate | overflow: hidden; text-overflow: ellipsis; white-space: nowrap |
|
|
| overflow-ellipsis | text-overflow: ellipsis |
|
|
| overflow-clip | text-overflow: clip |
|
|
|
|
|
|
|
|
*/
|
|
|
|
@mixin make-text-overflow($prefix: '.') {
|
|
#{$prefix}truncate {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#{$prefix}overflow-ellipsis {
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
#{$prefix}overflow-clip {
|
|
text-overflow: clip;
|
|
}
|
|
}
|
|
|
|
@include make-text-overflow();
|
|
@each $deivce in map-keys($devices) {
|
|
@include media-device($deivce) {
|
|
@include make-text-overflow('.' + selector-escape($deivce + ':'));
|
|
}
|
|
}
|
|
|
|
// hover ?
|