Fork on GitLab

parent 0fb0a34d
Pipeline #7678483 passed with stage
in 2 minutes and 2 seconds
/* https://codepo8.github.io/css-fork-on-github-ribbon/index.html */
#forkongit a {
background: #000;
color: #fff;
text-decoration: none;
font-family: arial, sans-serif;
text-align: center;
font-weight: bold;
padding: 5px 40px;
font-size: 1rem;
line-height: 2rem;
position: relative;
transition: 0.5s;
}
#forkongit a:hover {
background: #c11;
color: #fff;
}
#forkongit a::before, #forkongit a::after {
content: "";
width: 100%;
display: block;
position: absolute;
top: 1px;
left: 0;
height: 1px;
background: #fff;
}
#forkongit a::after {
bottom: 1px;
top: auto;
}
@media screen and (min-width: 80em) {
#forkongit {
position: fixed;
display: block;
top: 0;
left: 0;
width: 200px;
overflow: hidden;
height: 200px;
z-index: 9999;
}
#forkongit a {
width: 200px;
position: absolute;
top: 60px;
left: -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);
}
}
/* https://codepo8.github.io/css-fork-on-github-ribbon/index.html */
......@@ -20,9 +20,7 @@
"jquery": "2.2.4",
"html5shiv": "3.7.0",
"respond": "https://github.com/scottjehl/Respond.git#1.4.0",
"fonts-smc": "#*",
"material-design-lite": "^1.3.0",
"material-design-icons": "^3.0.1"
"fonts-smc": "#*"
},
"resolutions": {
"jquery": "~2.2.4"
......
......@@ -4,6 +4,9 @@ block content
include ../templates/SocialMedia
span#forkongit
a(href='https://gitlab.com/spechide/spechide.gitlab.io') Fork me on GitLab
div(style='height:5em;')
#top.header
......
//- Compiled CSS
link(rel='stylesheet', href='css/vendor.css')/
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script type="text/javascript" src="bower_components/html5shiv/dist/html5shiv.js"></script>
<script type="text/javascript" src="bower_components/src/respond.js"></script>
<![endif]-->
// HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries
// WARNING: Respond.js doesn't work if you view the page via file://
//if lt IE 9
script(type='text/javascript', src='bower_components/html5shiv/dist/html5shiv.js')
script(type='text/javascript', src='bower_components/src/respond.js')
//- the files in the css directory are added here on grunt serve
link(rel='stylesheet', href='css/index.css')/
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment