mirror of https://github.com/IoTcat/ushio-img.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.1 KiB
71 lines
1.1 KiB
4 years ago
|
.item-sc {
|
||
|
padding: 5px 5px 65px 5px;
|
||
|
height: 16vw;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.item-sc-img {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
object-fit: cover;
|
||
|
}
|
||
|
|
||
|
.item-sc-meta {
|
||
|
position: relative;
|
||
|
height: 60px;
|
||
|
padding: 5px 8px;
|
||
|
border-right: 1px solid #eaeaea;
|
||
|
border-bottom: 1px solid #eaeaea;
|
||
|
border-left: 1px solid #eaeaea;
|
||
|
border-bottom-right-radius: 5px;
|
||
|
border-bottom-left-radius: 5px;
|
||
|
line-height: 24px;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.item-sc-link {
|
||
|
color: #333;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis;
|
||
|
display: -webkit-box;
|
||
|
-webkit-line-clamp: 2;
|
||
|
-webkit-box-orient: vertical;
|
||
|
}
|
||
|
|
||
|
.item-sc-mates {
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
bottom: 0;
|
||
|
width: 100%;
|
||
|
height: 30px;
|
||
|
padding: 0 10px;
|
||
|
background-color: white;
|
||
|
overflow: hidden;
|
||
|
transition: bottom .3s;
|
||
|
}
|
||
|
|
||
|
.item-sc-meta:hover .item-sc-mates {
|
||
|
bottom: -30px;
|
||
|
}
|
||
|
|
||
|
.item-sc-mates-text {
|
||
|
margin: 0 5px;
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 1199px) {
|
||
|
.item-sc {
|
||
|
height: calc(23vw + 60px);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 991px) {
|
||
|
.item-sc {
|
||
|
height: calc(32vw + 60px);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 767px) {
|
||
|
.item-sc {
|
||
|
height: calc(45vw + 60px);
|
||
|
}
|
||
|
}
|