fixed the line no wrap.

v1.2.0
kun.peng 2019-10-19 10:55:06 +08:00
parent f9d7e74e03
commit 60242a6c4b
2 changed files with 10 additions and 2 deletions

View File

@ -29,7 +29,7 @@
</div>
<div class="blog-slider__content">
<span class="blog-slider__code">${post.createTime?string["EEE MMM d"]}</span>
<div class="blog-slider__title title is-5">${post.title!}</div>
<div class="blog-slider__title "><a class="title is-5" href="${context!}/archives/${post.url!}">${post.title!}</a></div>
<div class="blog-slider__text" content="">${post.summary!}</div>
<a href="${context!}/archives/${post.url!}" class="blog-slider__button">阅读更多</a>
</div>

View File

@ -165,6 +165,8 @@
/*color: #0d0925;*/
margin-bottom: 10px;
}
.blog-slider__title a{
}
.blog-slider__text {
/*color: #4e4a67;*/
margin-bottom: 20px;
@ -205,15 +207,21 @@
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.blog-slider__title {
/*white-space:nowrap;*/
/*overflow:hidden;*/
/*text-overflow:ellipsis; /这里的ellipsis的英文名字就是省略的意思/*/
}
.blog-slider__pagination {
transform: translateX(-50%);
left: 50% !important;
top: 205px;
top: 190px;
width: 100% !important;
display: flex;
justify-content: center;
align-items: center;
}
}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 8px 0;