Skip to content

SCSS mixin and compiled CSS for a simple, customisable box shadow overlay for background images.

License

Notifications You must be signed in to change notification settings

arirawr/background-overlay-scss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

background-overlay-scss

SCSS mixin and compiled CSS for a simple, customisable box shadow overlay for background images. Use images directly from the web without opening Photoshop.

Basic Usage (built-in classes)

Include this CSS in your project: <link rel="stylesheet" href="http://arirawr.github.io/background-overlay-scss/overlay.css" />

Then use any of the built-in classes, such as overlay-black-50. More coming soon.

Custom usage (SCSS)

Use the SCSS mixin to make your own overlays.

.my-overlay { @include overlay(#BADA55, 0.4) }

Examples: Built in classes (EXPLORE HERE)

All builtin classes

About

SCSS mixin and compiled CSS for a simple, customisable box shadow overlay for background images.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published