1
0
mirror of https://github.com/ryanoasis/nerd-fonts.git synced 2025-01-06 21:49:40 +02:00

Merge pull request #1373 from VitthalGund/gh-pages

Implement GitHub Icon for Improved Accessibility to Repository - Issue #1372
This commit is contained in:
Fini 2023-10-09 12:28:05 +02:00 committed by GitHub
commit f8b2bb4261
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 25 additions and 66 deletions

View File

@ -310,12 +310,12 @@ a.nerd-font-button:before {
font-size: 2em
}
#forkongithub .nf {
font-size: 1.25rem;
}
// #forkongithub .nf {
// font-size: 1.25rem;
// }
/* for any ASCII :) */
/*
#forkongithub span {
font-size: 1.75rem;
}
@ -323,7 +323,7 @@ a.nerd-font-button:before {
#forkongithub a {
display: inline-block;
}
*/
/* color scheme */
.nf1 {
@ -475,63 +475,23 @@ a.nerd-font-button:before {
margin-left: -135px;
}
/* ----- fork on github banner ----- */
#forkongithub a {
color: #fff;
background: #1E5D8A;
// Github url button
#github {
text-decoration: none;
font-family: arial, sans-serif;
color: #000000;
background-color: #ffffff;
width: 60px;
height: 60px;
text-align: center;
font-weight: 700;
font-size: 1rem;
line-height: 2rem;
position: relative;
transition: .5s;
padding: 5px 40px;
}
#forkongithub a::before,
#forkongithub a::after {
content: "";
width: 100%;
display: block;
position: absolute;
top: 1px;
left: 0;
height: 1px;
background: #fff;
}
#forkongithub a::after {
bottom: 1px;
top: auto;
}
@media screen and (min-width:800px) {
#forkongithub {
position: fixed;
display: block;
top: 0;
right: 0;
width: 200px;
overflow: hidden;
height: 209px;
z-index: 99;
}
#forkongithub a {
width: 200px;
position: absolute;
top: 60px;
right: -60px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
box-sizing: content-box;
}
line-height: 60px;
border-radius: 25%;
font-size: 2.5em;
box-shadow: 2px 2px 5px rgba(0, 0, 0, .8);
transition: all .3s ease-in-out;
position: fixed;
bottom: 0.7rem;
right: 0.7rem;
z-index: 10;
}
.icon-backdrop {
@ -782,4 +742,4 @@ a.nerd-font-button:before {
.text-left {
text-align: left;
}
}

View File

@ -42,11 +42,6 @@ style: center container
</a>
<div class="text-left"><small><sub><em>Diagram created using <a href="http://sankeymatic.com/" title="SankeyMATIC (BETA): A Sankey diagram builder for everyone">SankeyMATIC</a></em></sub></small></div>
</div>
<span id="forkongithub">
<a href="{{ site.source_link }}">
<i class="nf nf-fa-code_fork"></i> Fork us on GitHub <i class="nf nf-fa-heart ow"></i>
</a>
</span>
<!--
Repo References

View File

@ -5,6 +5,10 @@
{% include header.html %}
<body>
<div id="main">
<div class="container">
<a href="https://github.com/ryanoasis/nerd-fonts" target="_blank" id="github"
class="nf nf-fa-github"></a>
</div>
{% include topnav.html %}
{% for page in site.posts reversed %}
{% if page.page == nil %}