qa-deu-tv/styles/common.scss

31 lines
691 B
SCSS
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

// 文字超出几行隐藏最多5行
// 使用超出1行隐藏如果使用了flex则需要给父元素设置min-width: 0;
@for $i from 1 through 5 {
.line-#{$i} {
@if $i == 1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} @else {
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: $i;
-webkit-box-orient: vertical !important;
}
}
}
* {
box-sizing: border-box;
}
.container{
width: 100vw;
min-height: 100vh;
background-image: linear-gradient(to bottom, #050114, #133682);
padding: 18rpx 33rpx;
color: #fff;
}