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
.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); |
|
} |
|
} |