How to get started with Vendor
To view a list of the available styled components with markup examples, see Vendor Components and Bootstrap Components
Setting up Dev Tools
Download and install node.js to get started.
Open terminal, navigate to the theme folder and run
npm installto install all theme dependencies.
gulpin Terminal. This will track all the sass and html files for changes and start a local webserver.
While Gulp is running, Files in the pages, scss and js folders are monitored for changes, which will inject updated CSS or cause a refresh in Browsersync.
Hit Ctrl+C or just close the command line window to stop the server.
This basic template is a guideline for how to structure your pages when building with our theme. Included below are all the necessary bits for using the theme’s CSS and JS.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Hello World</title> <!-- css --> <link rel="stylesheet" href="assets/css/vendor.css" /> <link rel="stylesheet" href="assets/css/style.css" /> </head> <body> <!-- js --> <script src="assets/js/vendor.js"></script> <script src="assets/js/app.js"></script> </body> </html>