Skip to content

Instantly share code, notes, and snippets.

@eduardomart

eduardomart/fixed-screen-layered-background.less

Forked from erikflowers/fixed-screen-layered-background.less
Created January 9, 2014 07:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eduardomart/8330710 to your computer and use it in GitHub Desktop.
Save eduardomart/8330710 to your computer and use it in GitHub Desktop.
Download ZIP
Translucent grid over background image
Raw
fixed-screen-layered-background.less
.background-layers(@top, @bottom) {
background: url(@top), url(@bottom);
background-position: top center, top center;
background-attachment: fixed, fixed;
background-repeat: repeat, repeat;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
background-size: auto, cover;
}
/////// Use it like this. don't forget the single quotes ///////
.background-layers('the-top-image.png', 'the-bottom-image.jpg');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment