In this page we'll cover the folder structure, setting up your development workflow, how to compile, customize and extend the theme. I'm here to help! if you get any questions please contact me at firstname.lastname@example.org.
npm install gulp-cli -g
This theme uses Gulp to automate the development workflow. With your command line on the root /foresight directory you can use the following commands:
To stop the server and terminate the gulp command just hit CTRL + C.
src/partials/scripts.htmland update the lines.
This theme uses the Gulp file include package to enable partials in HTML. This way we can re-use the most common sections that are used throughout the theme, such as: header, footer, navbar, sidebars.
Additionally, you can pass through some parameters when using partials:
title: set an HTML page title.
The files mentioned in this section are located in the
_user-variables.scss: In this file you can make overrides to any Bootstrap core and Foresight variables.
_user.scss: Use this file to add your own custom SCSS.
If you prefer not to use SCSS, you can use the
theme.min.css located in the
Notice: keep in mind that if you work on these files and then switch to compiling with Gulp you would lose your changes as the files would be re-generated.