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:
commit
f8b2bb4261
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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
|
||||
|
@ -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 %}
|
||||
|
Loading…
Reference in New Issue
Block a user