xaoxuu
/
hexo-theme-stellar
mirror of https://github.com/xaoxuu/hexo-theme-stellar
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

css

This commit is contained in:
xaoxuu 2021-07-13 23:16:20 +08:00
parent 5d47f74c84
commit 5143c55478
4 changed files with 40 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layout/archive.ejs
View File

@ -19,7 +19,7 @@ if (page.menu_id == undefined) {
<% }); %> <% }); %>
<% years.forEach((year, i) => { %> <% years.forEach((year, i) => { %>
<article class='post-card<%- scrollreveal() %>' id='archive'> <article class='post-card<%- scrollreveal() %>' id='archive'>
<div class='list-title h4'><%= year %></div> <div class='archive-year h4'><%= year %></div>
<% site.posts.sort('date', -1).filter(function (post) { %> <% site.posts.sort('date', -1).filter(function (post) { %>
<% post.year = date(post.date, 'YYYY'); %> <% post.year = date(post.date, 'YYYY'); %>
<% return post.year == year; %> <% return post.year == year; %>

8
source/css/_common/title.styl
View File

@ -24,14 +24,6 @@ h6
font-size: $fs-12 font-size: $fs-12
.post-list .post-list
.list-title
color: var(--text-p3)
font-family: $ff-code
font-weight: 700
line-height: 1.2
padding-bottom: 0.5rem
>.list-title
margin: 2rem 1rem 0rem
.post-title .post-title
font-weight: 500 font-weight: 500
margin: 0.5rem 0 margin: 0.5rem 0

52
source/css/_layout/pages/archives.styl
View File

@ -1,10 +1,17 @@
.post-list .post-card#archive .post-list .post-card#archive
.archive-year
color: $color-theme
opacity: .4
font-family: $ff-code
font-weight: 700
line-height: 1.2
padding-bottom: 0.5rem
trans1 opacity
a.post a.post
display: inline-flex display: inline-flex
align-items: baseline align-items: baseline
margin: 0.25rem 0 margin: 0.25rem 0
font-weight: 500 color: var(--text-p1)
color: var(--text-p2)
&:hover &:hover
color: $color-hover color: $color-hover
time time
@ -12,40 +19,55 @@
margin-right: 1em margin-right: 1em
font-weight: 700 font-weight: 700
flex-shrink: 0 flex-shrink: 0
opacity 0.5 opacity .65
&:hover .archive-year
opacity: 1
.post-list .post-card#cats .post-list .post-card#cats
a.cat a.cat
display: flex display: flex
&.child &.child
padding-left: 2rem padding-left: 2rem
font-weight: 500
padding: 0.5rem 1rem padding: 0.5rem 1rem
border-radius: $border-block border-radius: $border-block
color: var(--text-p2) color: var(--text-p2)
align-items: center align-items: center
justify-content: space-between
border: 1px solid transparent
.badge
color: $color-theme
font-weight: 700
font-family: $ff-code
opacity: .5
&:hover &:hover
background: var(--block) background: var(--block)
color: var(--text-p1) color: var(--text-p0)
.badge border-color: var(--block-border)
opacity 0.5 .badge
font-size: $fs-13 opacity: 1
margin-left: .5em
.post-list .post-card#tags .post-list .post-card#tags
display: flex
flex-wrap: wrap
a.tag a.tag
display: inline-flex display: inline-flex
align-items: center align-items: center
position: relative position: relative
font-weight: 500
color: var(--text-p2) color: var(--text-p2)
padding: .5rem padding: 8px
border-radius: $border-block border-radius: $border-block
&:hover border: 1px solid transparent
color: var(--text-p1)
background: var(--block)
span span
margin: 0 0.25rem margin: 0 0.25rem
.badge .badge
opacity 0.5 color: $color-theme
font-weight: 700 font-weight: 700
font-family: $ff-code
opacity: .5
align-self: flex-start
&:hover
color: var(--text-p0)
background: var(--block)
border-color: var(--block-border)
.badge
opacity: 1

2
source/css/_layout/sidebar/sidebar.styl
View File

@ -1,6 +1,8 @@
.l_left .l_left
display: flex display: flex
flex-direction: column flex-direction: column
word-break: break-all
text-align: justify
padding: var(--gap-l) padding: var(--gap-l)
padding-top: "calc(2 * %s)" % var(--gap-l) padding-top: "calc(2 * %s)" % var(--gap-l)
height: "calc(100vh - 3 * %s)" % var(--gap-l) height: "calc(100vh - 3 * %s)" % var(--gap-l)