1
0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-24 22:55:48 +02:00

docs: fix articles style

This commit is contained in:
BcRikko
2019-02-23 17:43:37 +09:00
parent 29fddfb9be
commit af5b24f16e
3 changed files with 16 additions and 16 deletions

View File

@@ -160,8 +160,15 @@
<!-- Articles -->
<section class="topic">
<h2 id="articles"><a href="#articles">#</a>Articles</h2>
<article v-for="article in articles">
<h3><a :href="article.url" target="_blank"><i class="nes-icon" :class="article.icon"></i>{{ article.title }}</a></h3>
<article class="article-link">
<h3 class="title">
<a href="https://medium.com/@bc_rikko/why-i-created-and-released-nes-css-ee8966bacd09" target="_blank"><i class="nes-icon medium"></i><span>Why I created and released NES.css</span></a>
</h3>
</article>
<article class="article-link">
<h3 class="title">
<a href="https://github.blog/2019-01-20-release-radar-december-2018/#nes-css-1-0" target="_blank"><i class="nes-icon github"></i><span>Release Radar·December 2018|The GitHub Blog</span></a>
</h3>
</article>
</section>

View File

@@ -497,19 +497,6 @@ const contributors = [
'JamesIves',
];
const articles = [
{
icon: 'medium',
title: 'Why I created and released NES.css',
url: 'https://medium.com/@bc_rikko/why-i-created-and-released-nes-css-ee8966bacd09',
},
{
icon: 'github',
title: 'Release Radar · December 2018 | The GitHub Blog',
url: 'https://github.blog/2019-01-20-release-radar-december-2018/#nes-css-1-0',
},
];
new Vue({
el: '#nescss',
data() {
@@ -518,7 +505,6 @@ new Vue({
coreteam,
emeriti,
contributors,
articles,
animateOctocat: false,
copiedBalloon: {
display: 'none',

View File

@@ -153,6 +153,7 @@ section.message-list {
h3.topic-title {
display: flex;
align-items: center;
margin-bottom: 1rem;
}
h3.topic-title > i {
@@ -204,3 +205,9 @@ h3.topic-title > i {
}
/* Articles */
.article-link > .title a {
color: #333;
}
.article-link > .title span {
margin-left: 1rem;
}