Styles Module

Styles Functions & Variables

The Styles Module features the following functions:

$.fn.blockstrap.styles.element(key)
$.fn.blockstrap.styles.map(type)
$.fn.blockstrap.styles.rule(key, value)
$.fn.blockstrap.styles.set(id, index)

`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

Styles Module

Styles Functions & Variables

styles.element(key) - back to top

styles.map(type) - back to top

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

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

`styles.element`(key) - back to top

`styles.map`(type) - back to top

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

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