css
This commit is contained in:
parent
5ab54f321d
commit
a43b6f3670
|
@ -18,13 +18,13 @@ if (page.menu_id == undefined) {
|
|||
<% } %>
|
||||
<% }); %>
|
||||
<% years.forEach((year, i) => { %>
|
||||
<article class='post-card<%- scrollreveal() %>' id='archive'>
|
||||
<div class='archive-year h4'><%= year %></div>
|
||||
<article class='<%- scrollreveal() %>' id='archive'>
|
||||
<div class='archive-header h4'><%= year %></div>
|
||||
<% site.posts.sort('date', -1).filter(function (post) { %>
|
||||
<% post.year = date(post.date, 'YYYY'); %>
|
||||
<% return post.year == year; %>
|
||||
<% }).each(function(post) { %>
|
||||
<div>
|
||||
<div class='archive-list'>
|
||||
<a class='post fs14' href="<%= url_for(post.link || post.path) %>">
|
||||
<time><%= date(post.date, 'MM-DD') %></time>
|
||||
<span>
|
||||
|
|
|
@ -9,7 +9,7 @@ if (page.menu_id == undefined) {
|
|||
<% page.layout = 'categories'; %>
|
||||
<%- partial('_partial/main/navbar/list_post') %>
|
||||
<div class='post-list'>
|
||||
<article class='post-card<%- scrollreveal() %>' id='cats'>
|
||||
<article class='<%- scrollreveal() %>' id='cats'>
|
||||
<% site.categories.sort('path').each(function(category){ %>
|
||||
<div>
|
||||
<a class="<%= category.parent ? 'cat child' : 'cat'%>" href="<%= url_for(category.path) %>">
|
||||
|
|
|
@ -9,7 +9,7 @@ if (page.menu_id == undefined) {
|
|||
<% page.layout = 'tags'; %>
|
||||
<%- partial('_partial/main/navbar/list_post') %>
|
||||
<div class='post-list'>
|
||||
<article class='post-card<%- scrollreveal() %>' id='tags'>
|
||||
<article class='<%- scrollreveal() %>' id='tags'>
|
||||
<% site.tags.sort('length', -1).each(function(tag){ %>
|
||||
<a class='tag' href="<%= url_for(tag.path) %>">
|
||||
<span class='name'><%= tag.name %></span>
|
||||
|
|
|
@ -1,12 +1,23 @@
|
|||
.post-list .post-card#archive
|
||||
.archive-year
|
||||
color: $color-theme
|
||||
opacity: .4
|
||||
.post-list #archive
|
||||
.archive-header
|
||||
display: inline-block
|
||||
font-family: $ff-code
|
||||
font-weight: 700
|
||||
line-height: 1.2
|
||||
padding-bottom: 0.5rem
|
||||
trans1 opacity
|
||||
margin-bottom: .5em
|
||||
position: relative
|
||||
padding: 4px 0
|
||||
color: var(--text-p3)
|
||||
&:after
|
||||
content: ""
|
||||
position: absolute
|
||||
height: 4px
|
||||
bottom: 0
|
||||
left: 0
|
||||
right: 0
|
||||
z-index: -1
|
||||
border-radius: 4px
|
||||
background: var(--block-border)
|
||||
a.post
|
||||
display: inline-flex
|
||||
align-items: baseline
|
||||
|
@ -19,44 +30,64 @@
|
|||
margin-right: 1em
|
||||
font-weight: 700
|
||||
flex-shrink: 0
|
||||
opacity .65
|
||||
&:hover .archive-year
|
||||
opacity: 1
|
||||
opacity .5
|
||||
&:hover
|
||||
.archive-header
|
||||
color: var(--text-p1)
|
||||
&:after
|
||||
background: $color-theme
|
||||
|
||||
.post-list .post-card#cats
|
||||
|
||||
|
||||
.post-list #cats
|
||||
padding: 0
|
||||
a.cat
|
||||
display: flex
|
||||
&.child
|
||||
padding-left: 2rem
|
||||
padding: 0.5rem 1rem
|
||||
padding: .5em 1rem
|
||||
border-radius: $border-block
|
||||
color: var(--text-p2)
|
||||
align-items: center
|
||||
justify-content: space-between
|
||||
font-weight: 500
|
||||
font-size: $fs-14
|
||||
.badge
|
||||
color: $color-theme
|
||||
font-weight: 700
|
||||
font-family: $ff-code
|
||||
opacity: .5
|
||||
font-size: $fs-12
|
||||
&:hover
|
||||
background: var(--block)
|
||||
background: var(--block-hover)
|
||||
color: var(--text-p0)
|
||||
.badge
|
||||
opacity: 1
|
||||
color: $color-theme
|
||||
|
||||
.post-list .post-card#tags
|
||||
.post-list #tags
|
||||
display: flex
|
||||
flex-wrap: wrap
|
||||
padding: 0
|
||||
margin: 0 -4px
|
||||
a.tag
|
||||
display: inline-flex
|
||||
align-items: center
|
||||
position: relative
|
||||
color: var(--text-p2)
|
||||
margin: 4px
|
||||
padding: 4px 8px
|
||||
padding: .5em .75rem
|
||||
border-radius: 4px
|
||||
background: var(--block)
|
||||
font-size: $fs-14
|
||||
font-size: $fs-13
|
||||
font-weight: 500
|
||||
&:before
|
||||
content: "#"
|
||||
margin-left: -2px
|
||||
margin-right: 2px
|
||||
opacity: .4
|
||||
&:hover
|
||||
&:before
|
||||
color $color-theme
|
||||
opacity: 1
|
||||
color: var(--text-p0)
|
||||
background: var(--block-hover)
|
||||
|
|
|
@ -29,19 +29,18 @@
|
|||
line-height: 1.5
|
||||
.tag-plugin.navbar:last-child
|
||||
nav.cap
|
||||
padding: 0
|
||||
background: none
|
||||
margin-top: 1rem
|
||||
a
|
||||
margin: 0
|
||||
padding: 0
|
||||
color: $color-link
|
||||
background: var(--block-hover)
|
||||
&.active
|
||||
background: none
|
||||
&:hover
|
||||
color: $color-hover
|
||||
background: none
|
||||
background: var(--block-border)
|
||||
a+a
|
||||
margin-left: 1.5rem
|
||||
margin-left: .5rem
|
||||
.about-header+.about-body
|
||||
margin-top: 1.5rem
|
||||
|
||||
|
|
Loading…
Reference in New Issue