Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Remove GitHub ribbon when screen < 450px

  • Loading branch information...
commit 96bbb0b0180d5ac8584af4069365a8c395745916 1 parent 004da80
@EtienneLem EtienneLem authored
Showing with 7 additions and 1 deletion.
  1. +3 −0  css/styles.css
  2. +3 −0  css/styles.scss
  3. +1 −1  index.html
View
3  css/styles.css
@@ -868,6 +868,9 @@ html[os="iPhone/iPod"] #game #player-cards .card, html[os="iPhone/iPod"] #game #
height: 337.333333px; }
#game .card .icons {
display: none; } }
+@media screen and (max-width: 450px) {
+ #github-ribbon {
+ display: none; } }
@media screen and (max-width: 480px) and (max-height: 320px) {
#game h1 {
margin: 2% auto 0 auto; }
View
3  css/styles.scss
@@ -665,6 +665,9 @@ html[os="iPhone/iPod"] {
}
}
}
+@media screen and (max-width: 450px) {
+ #github-ribbon { display: none; }
+}
@media screen and (max-width: 480px) and (max-height: 320px){
#game {
h1 {
View
2  index.html
@@ -12,7 +12,7 @@
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body>
- <a href="https://github.com/heliom/bytesjack"><img style="z-index: 1; position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
+ <a id="github-ribbon" href="https://github.com/heliom/bytesjack"><img style="z-index: 1; position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<div id="game">
<h1>BytesJack</h1>
<div id="dealer-cards">
Please sign in to comment.
Something went wrong with that request. Please try again.