1
0
mirror of https://github.com/ryanoasis/nerd-fonts.git synced 2024-12-19 20:12:52 +02:00
nerd-fonts/_includes/css/nerd-font-tweaks.css

124 lines
2.0 KiB
CSS

#main .nerd-font-button {
padding-top: .5rem;
padding-bottom: .5rem;
margin: 0px;
}
#main .nerd-font-button a {
text-decoration: none;
color: inherit;
}
#main .nerd-font-badges {
line-height: 2.3em;
}
#main .nerd-font-buttons {
line-height: 4em;
}
#main .nerd-font-cheat-sheet-search {
margin-right: auto;
margin-left: auto;
font-size: 1.25em;
width: 400px;
}
#main .nerd-font-cheat-sheet {
max-height: 480px;
overflow-x: hidden;
overflow-y: scroll;
padding-top: 20px;
}
#main .nerd-font-cheat-sheet .column {
width: 114px;
height: 120px;
text-align: center;
margin-bottom: 10px;
display: none; /* don't show any by default */
}
#main .nerd-font-cheat-sheet .column .class-name {
color: antiquewhite;
font-family: sans-serif;
font-style: italic;
font-weight: bold;
}
#main .nerd-font-cheat-sheet .column .codepoint {
border: 1px dashed;
padding: 2px 10px;
color: #0fbfcf;
display: inline-block;
}
/* 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 {
font-family: 'mono';
font-size: 12px;
max-width: 98px;
display: inline-block;
text-align: center;
}
#main .nerd-font-cheat-sheet .nerd-font {
font-size: 2rem;
}
#forkongithub .fa {
font-size: 1.25rem;
}
/* for any ASCII :) */
#forkongithub span {
font-size: 1.75rem;
}
#forkongithub a {
display: inline-block;
}
/* color scheme */
.nf1 { color: #E2DB74 }
.nf2 { color: #49a7e9 }
.nf3 { color: #66FF99 }
.nf4 { color: #Ff66CC }
.nf5 { color: #00ffff }
.nf6 { color: #f09f17 }
.nf7 { color: #DD1B16 }
/* Example Usage */
.nerd-fonts-example-usage {
font-size: 2rem;
}
/* Release Changelog section */
#release summary {
text-align: center;
font-size: 1.25em;
cursor: pointer;
padding: 0px 0px 20px 0px;
}
#contributors .container .column {
height: 160px;
width: 100px;
}