This is the home of Footbridge Media's layout components. In the components folder you will find multiple layout folders which serve as different pieces of layout templates.
- Copy the
blank-layoutfolder to the directory of your choosing to start. - In the
componentsfolder, you should see all of the necessary HTML and SCSS to start assembling your layout. - The HTML contents should be pasted directly into your new layout folder's
index.htmlfile. - The SCSS stylesheet should be added to your
stylesfolder. - After adding the component's stylesheet, you need to include it in your
theme.scssfile. It should be under the comment that saysCustom Styles.
To view the syntax for using this plugin, check out the test file here.
On all new layouts, this plugin is already initialized. You do not have to load it in.
- Copy the SCSS source code for the plugin from the styles/dependencies/simple-lightbox/_simple-lightbox.scss file into your build. Then import it into your main SCSS file and compile the SCSS.
- Copy the plugin source code from the js/lightbox/lightbox.js file into your current build and load it in your <head>.
- Copy the js/init-lightbox.js file and load it in your - make sure it is loaded after the lightbox.js source code.