- <% if(theme.customize.thumbnail == true) { %>
-
- <%- partial('thumbnail.ejs', {post: post}) %>
-
- <% } %>
+
+ <% if(theme.customize.thumbnail == true) { %>
+
+ <%- partial('thumbnail.ejs', { post: post }) %>
+
+ <% } %>
+
- <%- partial('post/title', {class_name: 'archive-article-title'}) %>
- <% if(archive) { %>
- <%- partial('post/date', {class_name: 'archive-article-date', date_format: 'MMM D'}) %>
- <% } else { %>
- <%- partial('post/date', {class_name: 'archive-article-date', date_format: 'YYYY MMM D'}) %>
- <% } %>
+ <%- partial('post/title', { class_name: 'archive-article-title' }) %>
+
+ <%- partial('post/date', { class_name: 'article-date', date_format: null }) %>
+ <%- partial('post/category') %>
+ <%- partial('post/tag') %>
+
+
+
<%- excerpt(post) %>
+
+ <%= __('article.more') %>
+
+
\ No newline at end of file
diff --git a/source/css/_extend.styl b/source/css/_extend.styl
index 9349d5f..2a6cedc 100644
--- a/source/css/_extend.styl
+++ b/source/css/_extend.styl
@@ -9,7 +9,7 @@ $link-dark
$block-caption
line-height: 1em
- color: color-grey
+ // color: color-grey
text-decoration: none
text-transform: uppercase
diff --git a/source/css/_partial/archive.styl b/source/css/_partial/archive.styl
index f967aed..b20031b 100644
--- a/source/css/_partial/archive.styl
+++ b/source/css/_partial/archive.styl
@@ -22,54 +22,63 @@
@media mq-mini
padding: 0 15px
-.archive-year
- @extend $block-caption
-
.archive-article
clearfix()
avoid-column-break()
@extend $block
padding: 0
margin-bottom: 15px
-
-.archive-article-thumbnail
- float: left
- margin-right: 10px
- .thumbnail
- width: 160px
- height: 90px
- display: block
- position: relative
- overflow: hidden
- span
- width: 100%
- height: 100%
+ &.archive-type-summary
+ padding: 15px
+ .article-entry
+ padding: 0
+ p
+ margin: 12px 0
+ .archive-article-content,
+ .archive-article-thumbnail
+ display: table-cell
+ vertical-align: top
+ @media mq-mini
display: block
- .thumbnail-image
- position: absolute
- background-size: cover
- background-position: center
- .thumbnail-none
- background-image: url(thumbnail-default-small)
- @media mq-mini
+ .archive-article-thumbnail
+ width: 160px
+ padding-right: 15px
+ @media mq-mini
+ width: 100%
+ padding-bottom: 15px
.thumbnail
- width: 120px
- height: 67.5px
+ height: 0
+ width: 100%
+ padding-bottom: 56.25%
+ display: block
+ position: relative
+ overflow: hidden
+ span
+ width: 100%
+ height: 100%
+ display: block
+ .thumbnail-image
+ position: absolute
+ background-size: cover
+ background-position: center
+ .thumbnail-none
+ background-image: url(thumbnail-default-small)
+
+.archive-year
+ @extend $block-caption
.archive-article-header
- padding: 10px
a
@extend $link-dark
.archive-article-title
- font-size: 1.2em
- line-height: 1.2em
+ display: block
+ font-size: 1.6em
+ line-height: 1.4em
+ margin-bottom: 12px
@media mq-mini
- font-size: 1em
- line-height: 1em
- height: 1em
- overflow: hidden
display: block
+ font-size: 1.3em
.archive-article-date
display: block
diff --git a/source/css/_partial/article.styl b/source/css/_partial/article.styl
index f5b9a23..e501161 100644
--- a/source/css/_partial/article.styl
+++ b/source/css/_partial/article.styl
@@ -19,7 +19,6 @@
font-size: 2em
color: color-default
text-decoration: none
- transition: color 0.2s
line-height: line-height-title
a&:visited
color: color-default
@@ -37,11 +36,10 @@
& > div
float: left
margin-right: 10px
- color: color-default + #444
.fa
margin-right: 3px
a
- color: color-default + #444
+ color: color-default
&:hover
color: color-link