In addition to development styling through LESS.css and conventional production styling with CSS further modifications can be made via JavaScript by using the $.fn.blockstrap.styles module.

The common use of this module would be in editing the configuration files, such as:

    styles: {
        vars: {
            content_bg: "#DDD",
            header_bg: "#475862"
        elements: {
            content_bg: "#main-content",
            header_bg: "header"
        rules: {
            content_bg: "background",
            header_bg: "background"

This makes it easy for anyone to make minor modifications or to allow applications to enable its user to make those modifications. The options can also be applied via HTML5 data attributes like all core configuration settings.

  1. Related Articles
  2. Return to Styling
  3. CSS
  4. JS
  5. Table of Contents