Skip to content

Instantly share code, notes, and snippets.

@garrows

garrows/styles.less

Created November 11, 2015 23:19
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save garrows/bacc80c318ae62996fe8 to your computer and use it in GitHub Desktop.
Save garrows/bacc80c318ae62996fe8 to your computer and use it in GitHub Desktop.
Download ZIP
Atom Custom Background
Raw
styles.less
.panes::after {
content: "";
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
pointer-events: none;
background: url("https://source.unsplash.com/random");
// background: url("https://source.unsplash.com/category/nature"); //Nature category
// background: url("http://thecatapi.com/api/images/get?format=src&size=full&type=jpg,png"); //Cats
background-size: cover;
opacity: 0.2;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
@garrows
Copy link
Author

garrows commented Nov 11, 2015

To use this, open Atom.io and select "Open Your Stylesheet" and paste the above at the bottom.
You should see a random background pic show up after saving.
screenshot

Copy link

ghost commented Mar 25, 2016

That's awesome :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment