Project

General

Profile

Paste
Statistics
| Branch: | Revision:

root / drupal7 / sites / all / themes / bootstrap / starterkits / less @ 01f36513

Name Size Revision Age Author Comment
  css 4eeb3b46 almost 8 years Assos Assos Weekly update of contrib modules
  less eefc2ac0 over 6 years Assos Assos Weekly update of contrib modules
  templates caf16a48 over 8 years Assos Assos Weekly update of contrib modules
README.md 2.87 KB eefc2ac0 over 6 years Assos Assos Weekly update of contrib modules
favicon.ico 1.12 KB caf16a48 over 8 years Assos Assos Weekly update of contrib modules
less.starterkit 1.27 KB 01f36513 about 6 years Assos Assos Weekly update of contrib modules
logo.png 742 Bytes caf16a48 over 8 years Assos Assos Weekly update of contrib modules
screenshot.png 19 KB caf16a48 over 8 years Assos Assos Weekly update of contrib modules
template.php 64 Bytes eefc2ac0 over 6 years Assos Assos Weekly update of contrib modules

Latest revisions

# Date Author Comment
01f36513 04/26/2018 04:18 AM Assos Assos

Weekly update of contrib modules

eefc2ac0 01/25/2018 01:14 AM Assos Assos

Weekly update of contrib modules

9525582e 01/18/2018 01:10 AM Assos Assos

Weekly update of contrib modules

7547bb19 02/23/2017 12:12 AM Assos Assos

Weekly update of contrib modules

7295e063 11/30/2016 11:49 PM Assos Assos

Weekly update of contrib modules

1f623f01 11/02/2016 10:46 PM Assos Assos

Weekly update of contrib modules

4eeb3b46 08/03/2016 10:49 PM Assos Assos

Weekly update of contrib modules

b220caf9 03/02/2016 10:48 PM Assos Assos

Weekly update of contrib modules

caf16a48 11/11/2015 10:44 PM Assos Assos

Weekly update of contrib modules

View revisions

README


Less Starterkit

Below are instructions on how to create a Bootstrap sub-theme using a Less preprocessor.

Prerequisites

  • Read the @link getting_started Getting Started @endlink and @link subtheme Sub-theming @endlink documentation topics.
  • You must understand the basic concept of using the Less CSS pre-processor.
  • You must use a local Less compiler.
  • You must use the Bootstrap Framework Source Files ending in the .less extension, not files ending in .css.

Additional Setup {#setup}

Download and extract the latest 3.x.x version of Bootstrap Framework Source Files into your new sub-theme. After it has been extracted, the folder should read ./subtheme/bootstrap.

If for whatever reason you have an additional bootstrap folder wrapping the first bootstrap folder (e.g. ./subtheme/bootstrap/bootstrap), remove the wrapping bootstrap folder. You will only ever need to touch these files if or when you upgrade your version of the Bootstrap Framework.

{.alert.alert-warning} WARNING: Do not modify the files inside of ./subtheme/bootstrap directly. Doing so may cause issues when upgrading the Bootstrap Framework in the future.

Overrides {#overrides}

The ./subtheme/less/variable-overrides.less file is generally where you will the majority of your time overriding the variables provided by the Bootstrap Framework.

The ./subtheme/less/bootstrap.less file is nearly an exact copy from the Bootstrap Framework Source Files. The only difference is that it injects the variable-overrides.less file directly after it has imported the Bootstrap Framework's variables.less file. This allows you to easily override variables without having to constantly keep up with newer or missing variables during an upgrade.

The ./subtheme/less/overrides.less file contains various Drupal overrides to properly integrate with the Bootstrap Framework. It may contain a few enhancements, feel free to edit this file as you see fit.

The ./subtheme/less/style.less file is the glue that combines the bootstrap.less and overrides.less files together. Generally, you will not need to modify this file unless you need to add or remove files to be imported. This is the file that you should compile to ./subtheme/css/styles.css (note the same file name, using a different extension of course).

See also:

  • @link templates Templates @endlink
  • @link theme_settings Theme Settings @endlink
  • @link registry Theme Registry @endlink

Also available in: Atom