css
This commit is contained in:
parent
67bc68cef9
commit
bc3a170415
|
@ -12,7 +12,7 @@ if (page.menu_id == undefined) {
|
||||||
<article class='post-card<%- scrollreveal() %>' id='cats'>
|
<article class='post-card<%- scrollreveal() %>' id='cats'>
|
||||||
<% site.categories.sort('path').each(function(category){ %>
|
<% site.categories.sort('path').each(function(category){ %>
|
||||||
<div>
|
<div>
|
||||||
<a class="<%= category.parent ? 'cat child' : 'cat'%> fs14" href="<%= url_for(category.path) %>">
|
<a class="<%= category.parent ? 'cat child' : 'cat'%>" href="<%= url_for(category.path) %>">
|
||||||
<span class='name'><%- category.name %></span>
|
<span class='name'><%- category.name %></span>
|
||||||
<span class='badge'>(<%- category.posts.length %>)</span>
|
<span class='badge'>(<%- category.posts.length %>)</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -12,7 +12,7 @@ if (page.menu_id == undefined) {
|
||||||
<article class='post-card<%- scrollreveal() %>' id='tags'>
|
<article class='post-card<%- scrollreveal() %>' id='tags'>
|
||||||
<% site.tags.sort('length', -1).each(function(tag){ %>
|
<% site.tags.sort('length', -1).each(function(tag){ %>
|
||||||
<a class='tag' href="<%= url_for(tag.path) %>">
|
<a class='tag' href="<%= url_for(tag.path) %>">
|
||||||
<span class='name fs14'><%= tag.name %></span>
|
<span class='name'><%= tag.name %></span>
|
||||||
<span class='badge fs12'>x<%- tag.length %></span>
|
<span class='badge fs12'>x<%- tag.length %></span>
|
||||||
</a>
|
</a>
|
||||||
<% }) %>
|
<% }) %>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
align-items: baseline
|
align-items: baseline
|
||||||
margin: 0.25rem 0
|
margin: 0.25rem 0
|
||||||
font-weight: 500
|
font-weight: 500
|
||||||
color: var(--text-p1)
|
color: var(--text-p2)
|
||||||
&:hover
|
&:hover
|
||||||
color: $color-hover
|
color: $color-hover
|
||||||
time
|
time
|
||||||
|
@ -22,24 +22,28 @@
|
||||||
font-weight: 500
|
font-weight: 500
|
||||||
padding: 0.5rem 1rem
|
padding: 0.5rem 1rem
|
||||||
border-radius: $border-block
|
border-radius: $border-block
|
||||||
color: var(--text-p1)
|
color: var(--text-p2)
|
||||||
|
align-items: center
|
||||||
&:hover
|
&:hover
|
||||||
background: var(--block)
|
background: var(--block)
|
||||||
color: $color-hover
|
color: var(--text-p1)
|
||||||
.badge
|
.badge
|
||||||
opacity 0.5
|
opacity 0.5
|
||||||
margin-left: 4px
|
font-size: $fs-13
|
||||||
|
margin-left: .5em
|
||||||
|
|
||||||
.post-list .post-card#tags
|
.post-list .post-card#tags
|
||||||
a.tag
|
a.tag
|
||||||
display: inline-flex
|
display: inline-flex
|
||||||
align-items: center
|
align-items: center
|
||||||
margin: 0.5rem
|
|
||||||
position: relative
|
position: relative
|
||||||
font-weight: 500
|
font-weight: 500
|
||||||
color: var(--text-p1)
|
color: var(--text-p2)
|
||||||
|
padding: .5rem
|
||||||
|
border-radius: $border-block
|
||||||
&:hover
|
&:hover
|
||||||
color: $color-hover
|
color: var(--text-p1)
|
||||||
|
background: var(--block)
|
||||||
span
|
span
|
||||||
margin: 0 0.25rem
|
margin: 0 0.25rem
|
||||||
.badge
|
.badge
|
||||||
|
|
|
@ -48,8 +48,6 @@ nav.cap
|
||||||
&.active
|
&.active
|
||||||
background: var(--card)
|
background: var(--card)
|
||||||
box-shadow: $boxshadow-button
|
box-shadow: $boxshadow-button
|
||||||
cursor: pointer
|
|
||||||
pointer-events: none
|
|
||||||
&.active:after
|
&.active:after
|
||||||
background: $color-theme
|
background: $color-theme
|
||||||
border-radius: 2px
|
border-radius: 2px
|
||||||
|
|
Loading…
Reference in New Issue