academies-trust/less-framework

The Framework which gives you Less.

less-framework

Installation

Run the following, _(*1)

bower install less-framework --save

Then include the standards in your project. At the top of your app.less, include the standards. In a standard installation of Laravel 5.1 this looks a little something like this:, _(*2)

@import "../../../vendor/bower_components/less-framework/standards";

The next time you run gulp, the standards will be imported., _(*3)

Usage

Please view the wiki to find information on the included components: https://github.com/academies-trust/less-framework/wiki/, _(*4)

This package uses bootstrap grid, the documentation of which can be found here: http://getbootstrap.com/css/#grid, _(*5)

Initial Setup

It is required to set up your colour scheme. In your app.less file, add the following variables (with your own colours):, _(*6)

@primary: #ff5722;
@primary-toolbar: #E64A19;
@primary-light: #FFCCBC;
@accent: #0091EA;

To effectively choose your colours, it is worth looking here: http://www.google.co.uk/design/spec/style/color.html#color-color-palette, _(*7)

Overriding

It is recommended that you do not update the files in the framework directly, as they will be overwritten when an update is published., _(*8)

Instead, you should create a modules and/or a components folder within your resources/assets/less. Include any of these within your app.less., _(*9)