hexo-theme-keep/source/css/layout/home-content.styl

82 lines
1.3 KiB
Stylus

@require "common/variables.styl"
.home-content-container {
.home-article-list {
.home-article-item {
margin-bottom: 60px;
padding-bottom: 30px;
.home-article-title {
position: relative;
&::before {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -16px;
width: 2px;
height: 20px;
background: $primary-color;
transition: all 0.5s ease;
}
font-weight: 600;
color: $second-text-color;
font-size: 22px;
margin: 0;
a {
color: $second-text-color;
}
}
.home-article-content {
margin: 45px 0;
line-height: 2em;
}
.home-article-meta-info {
display: flex;
justify-content: space-between;
align-items: center;
span {
letter-spacing: 1px;
}
hr {
border: none;
flex: 1;
height: 1px;
background: $border-color;
margin: 0 10px;
}
}
}
}
.paginator {
padding-bottom: 40px;
.page-number {
display: none !important;
}
a.prev {
float: left;
}
a.next {
float: right;
}
}
}