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 install to install all theme dependencies.

  • Run gulp in Terminal. This will track all the sass and html files for changes and start a local webserver.

  • You're done!

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.

Starter Template

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">
    <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" />

    <!-- js -->
    <script src="assets/js/vendor.js"></script>
    <script src="assets/js/app.js"></script>