This is the sass version of Nifty Modal Window Effects by Mary Lou. You can add which modal effects you want to use, as well as customize the modals easily with sass variables.
The modal effects classes were renamed, but otherwise the code remains the same.
You'll need to run bower install nifty-modal-sass
and then npm install
in the bower_components if you need to compile the css. You can compile the sass into css after installing gulp by running gulp styles
.
Otherwise import the sass scss/modal.scss
into your own project.
Customize your modals in scss/helpers/_settings.scss
. You can disable and enable which modal effects you want to use by adding a false or true value to the $use-*
variables. Disabled modal effect styles won't be added to the stylesheet.