Documentation

Landing Framework

Styling

If you have purchased the framework with the JavaScript and CSS build files, you can modify the stylesheets.

Requirements

To modify the CSS, gulp.js and Bower are required. Both of these packages require Node.js to be installed.

The directory core/bower_components with all JavaScript libraries will be created.

Dashboard

The compiled stylesheets for the dashboard can be found at assets/css/.

To make changes to the dashboard styling, go with your CLI to the core/ directory.

If you haven't installed the Node packages yet, type:

$ npm install

If you haven't downloaded the JavaScript libraries with Bower yet, type:

$ bower install

You can now concat and minify the CSS by typing:

$ gulp styles

See core/gulpfile.js for the tasks executed.

CSS build files

The Less and Sass files used by the platform can be found in the directory core/resources/assets/less/ and core/resources/assets/sass/. Also, some files in the core/bower_components are included in the stylesheet. All included files can be found in the file core/gulpfile.js.

Landing pages

The style sources for the landing pages and forms can be found in the assets/framework/[version]/ directory. Navigate to this directory with your CLI.

If you haven't installed the Node packages yet, type:

$ npm install

If you haven't downloaded the JavaScript libraries with Bower yet, type:

$ bower install

Compile CSS

You can concat and minify the CSS by typing:

$ gulp styles

See assets/framework/[version]/gulpfile.js for the tasks executed.

CSS build files

The Less and Sass files used by the platform can be found in the directory assets/framework/[version]/resources/sass. All included files can be found in the file assets/framework/[version]/gulpfile.js.