fonts/nerd-fonts
1
0
Fork 0
mirror of https://github.com/ryanoasis/nerd-fonts.git synced 2024-12-19 20:12:52 +02:00
Code Issues Releases Activity

Mobile layout fixes (particularly cheat sheet)

Browse Source
This commit is contained in:
Ryan L McIntyre 2017-04-24 18:55:08 -04:00
parent e0a21ebb12
commit 42ec1087ef
4 changed files with 1445 additions and 1426 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/css/main.css
View File

@ -322,7 +322,7 @@ nav ul li:hover, nav ul li.active {
@media only screen and (max-width: 380px) { @media only screen and (max-width: 380px) {
nav ul li { min-width:90px; line-height:20px; } nav ul li { min-width:90px; line-height:20px; }
.section:first-of-type { .section:first-of-type {
padding-top: 40px; padding-top: 70px;
} }
} }

19
_includes/css/nerd-font-tweaks.css
View File

@ -14,6 +14,10 @@
line-height: 2.3em; line-height: 2.3em;
} }
#main .nerd-font-buttons {
line-height: 4em;
}
#main .nerd-font-cheat-sheet-search { #main .nerd-font-cheat-sheet-search {
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
@ -33,6 +37,21 @@
height: 120px; height: 120px;
} }
/* tiny size (phones) */
@media only screen and (max-width: 380px) {
#main .nerd-font-cheat-sheet .column {
width: 102px;
height: 98px;
}
#main .nerd-font-cheat-sheet {
max-height: 306px;
padding-top: 0px;
}
}
#main .nerd-font-cheat-sheet .column span { #main .nerd-font-cheat-sheet .column span {
font-family: 'mono'; font-family: 'mono';
font-size: 12px; font-size: 12px;

2
_posts/2017-01-01-home.md
View File

@ -18,7 +18,7 @@ style: center
<div class="half column nerd-font-badges" markdown="1"> <div class="half column nerd-font-badges" markdown="1">
[![GitHub release][img-version-badge-with-logo]][repo]&nbsp;[![Gitter][img-gitter-badge]][gitter]&nbsp;&nbsp;&nbsp;![Windows Logo][w-top]&nbsp;&nbsp;&nbsp;![macOS (OSX) Logo][m-top]&nbsp;&nbsp;&nbsp;![Linux Logo][l-top] [![GitHub release][img-version-badge-with-logo]][repo]&nbsp;[![Gitter][img-gitter-badge]][gitter]&nbsp;&nbsp;&nbsp;![Windows Logo][w-top]&nbsp;&nbsp;&nbsp;![macOS (OSX) Logo][m-top]&nbsp;&nbsp;&nbsp;![Linux Logo][l-top]
</div> </div>
<div class="half column"> <div class="half column nerd-font-buttons">
<h3 class="inlineblock bg-blue text-white nerd-font-button"> <h3 class="inlineblock bg-blue text-white nerd-font-button">
<i class="fa fa-search"></i> <i class="fa fa-search"></i>
<a href="#cheat-sheet" class="inlineblock">Icons</a> <a href="#cheat-sheet" class="inlineblock">Icons</a>

2848
_posts/2017-01-03-cheat-sheet.md
View File

File diff suppressed because it is too large Load Diff