52 lines
1.2 KiB
SCSS
52 lines
1.2 KiB
SCSS
|
// 公用的css类名
|
||
|
|
|
||
|
|
/* 图片默认和外盒字一样大小 */
|
||
|
|
.img_reset {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.box_shadow {
|
||
|
|
transition: all 0.3s linear;
|
||
|
|
&:hover {
|
||
|
|
box-shadow: 2px 2px 10px 0 rgba(0, 0, 0,0.2);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/* 文字超出几行省略号显示 */
|
||
|
|
.text-ellipsis {
|
||
|
|
text-overflow: -o-ellipsis-lastline;
|
||
|
|
overflow: hidden; //溢出内容隐藏
|
||
|
|
text-overflow: ellipsis; //文本溢出部分用省略号表示
|
||
|
|
display: -webkit-box; //特别显示模式
|
||
|
|
-webkit-line-clamp: 2; //行数
|
||
|
|
line-clamp: 2;
|
||
|
|
-webkit-box-orient: vertical; //盒子中内容竖直排列
|
||
|
|
}
|
||
|
|
|
||
|
|
// 隐藏ie的隐藏滚动条
|
||
|
|
.hide_scroll_bar {
|
||
|
|
-ms-scroll-chaining: chained;
|
||
|
|
-ms-overflow-style: none;
|
||
|
|
-ms-content-zooming: zoom;
|
||
|
|
-ms-scroll-rails: none;
|
||
|
|
-ms-content-zoom-limit-min: 100%;
|
||
|
|
-ms-content-zoom-limit-max: 500%;
|
||
|
|
-ms-scroll-snap-type: proximity;
|
||
|
|
-ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
|
||
|
|
-ms-overflow-style: none;
|
||
|
|
overflow: auto;
|
||
|
|
&::-webkit-scrollbar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.rich-text {
|
||
|
|
margin-bottom: 1.25rem;
|
||
|
|
img {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.breadcrumb-item + .breadcrumb-item::before {
|
||
|
|
content: '>>';
|
||
|
|
}
|