Styles Module

Styles Functions & Variables

The Styles Module features the following functions:


styles.element(key) - back to top

This function returns an HTML reference based upon styles.map by using the key.

- back to top


styles.map(type) - back to top

This function returns the results from $.fn.blockstrap.settings.style[key].

- back to top


styles.rule(key, value) - back to top

This function uses the key and value to create a valid CSS rule to be used by Javascript with styles.set.

- back to top


styles.set(id, index) - back to top

This function is used to apply the styles settings (as configured) to the DOM. The sample configuration included by default is as follows:

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

- back to top


  1. Related Articles
  2. Back to Modules
  3. Accounts
  4. API
  5. Buttons
  6. Contacts
  7. Blockchains
  8. Data
  9. Filters
  10. Forms
  11. Security
  12. Styles
  13. Templates
  14. Table of Contents