perfundo
a pure CSS lightbox (https://perfundo.oberlehner.net).
Usage
As an npm module
To use perfundo in your Sass project, it is recommended to use the node-sass-magic-importer node-sass importer so it is possible to easily load perfundo directly from your node_modules
directory.
Make sure you checkout the usage section on how to use the node-sass-magic-importer.
Install perfundo:
npm install perfundo --save
Also install node-sass-magic-importer
npm install node-sass-magic-importer --save-dev
Now you can import perfundo into your Sass file:
;// OR ; // Without node-sass-magic-importer installed ;// OR ;
There are variables to control certain aspects of the Lightbox:
;;;;;;
If you want to use the JavaScript enhancements, load the perfundo module into your JavaScript file:
// Load the module.const perfundo = ;// Initialize a perfundo Lightbox.;
Standalone (without npm)
Download https://github.com/maoberlehner/perfundo/archive/4.0.3.zip. Add the files to your HTML file like in the following example:
<!-- Put this inside the <head> section of your HTML. --> <!-- Put this before the closing </body> tag (optionally!). -->
BrowserStack
perfundo is using BrowserStack to automatically test it's functionality in the following Browsers: Internet Explorer 10+, Edge 14+, Firefox 54+, Chrome 59+, Opera 46+ and Safari 9+.
About
Author
Markus Oberlehner
Website: https://markus.oberlehner.net
Twitter: https://twitter.com/MaOberlehner
PayPal.me: https://paypal.me/maoberlehner
License
MIT