mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-25 07:01:11 +02:00
Code Issues Releases Wiki Activity

docs: styles on mobile devices

Browse Source
This commit is contained in:
BcRikko
2019-02-23 17:58:22 +09:00
parent 288932a09c
commit 7cdca0041b
3 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/index.html
View File

@@ -51,6 +51,7 @@
<a @click="share('twitter')"><i class="nes-icon twitter"></i></a> <a @click="share('twitter')"><i class="nes-icon twitter"></i></a>
<a @click="share('facebook')"><i class="nes-icon facebook"></i></a> <a @click="share('facebook')"><i class="nes-icon facebook"></i></a>
<a @click="share('linkedin')"><i class="nes-icon linkedin"></i></a> <a @click="share('linkedin')"><i class="nes-icon linkedin"></i></a>
<a @click="share('github')"><i class="nes-icon github"></i></a>
</div> </div>
</div> </div>
</header> </header>

2
docs/script.js
View File

@@ -579,6 +579,8 @@ new Vue({
return 'http://www.facebook.com/sharer.php?u=https://nostalgic-css.github.io/NES.css/&t=NES.css%EF%BD%9CNES-style%20CSS%20Framework'; return 'http://www.facebook.com/sharer.php?u=https://nostalgic-css.github.io/NES.css/&t=NES.css%EF%BD%9CNES-style%20CSS%20Framework';
case 'linkedin': case 'linkedin':
return 'https://www.linkedin.com/shareArticle?url=https%3A//nostalgic-css.github.io/NES.css/&title=NES.css%EF%BD%9CNES-style%20CSS%20Framework'; return 'https://www.linkedin.com/shareArticle?url=https%3A//nostalgic-css.github.io/NES.css/&title=NES.css%EF%BD%9CNES-style%20CSS%20Framework';
case 'github':
return 'https://github.com/nostalgic-css/NES.css';
} }
})(); })();

15
docs/style.css
View File

@@ -211,3 +211,18 @@ h3.topic-title > i {
.article-link > .title span { .article-link > .title span {
margin-left: 1rem; margin-left: 1rem;
} }
@media screen and (max-width: 768px) {
body {
margin: 2rem 0.5rem;
padding: 0;
}
.github-link {
display: none;
}
.message-list > .message > .nes-balloon {
max-width: 60%;
}
}