jake/y2k
1
Fork 0
Code Issues Pull Requests Packages Releases Activity

lazy CSS trick to make :octocat: more visible on different tiles

Browse Source
This commit is contained in:
Jake Jarvis
2020-05-26 21:57:10 -04:00
parent 185be0abe0
commit 2a8993641b
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/style.css
View File

@ -3,7 +3,11 @@ body {
padding: 0; padding: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-repeat: repeat; /* image is set by JS onload */
/* specific retro wallpaper tile is set randomly by JS onload */
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
} }
canvas { canvas {
display: block; display: block;
@ -27,11 +31,11 @@ a.github {
position: fixed; position: fixed;
right: 16px; right: 16px;
bottom: 16px; bottom: 16px;
text-decoration: none;
}
a.github, a.github svg {
width: 32px; width: 32px;
height: 32px; height: 32px;
fill: #101010; text-decoration: none;
fill-opacity: 0.9;
/* lazy CSS trick to make octocat visible on different tiles */
fill: #fff;
mix-blend-mode: exclusion;
} }