fulcro-css.css — fulcrologic/fulcro 2.6.0-RC2

CSS clj/s≠ protocol

include-children clj/s

(include-children this)

Specifies the components (typically direct children) whose CSS should be included.

local-rules clj/s

(local-rules this)

Specifies the component's local CSS rules

CSS? clj/s

(CSS? x)

Returns true if the given component has css

cssify clj/s

(cssify str)

Replaces slashes and dots with underscore.

fq-component clj/s

(fq-component comp-class)

get-classnames clj/s

(get-classnames comp)

Returns a map from user-given CSS rule names to localized names of the given component.

get-css clj/s

(get-css component)

Recursively gets all global and localized rules (in garden notation) starting at the given component.

get-global-rules clj/s

(get-global-rules component)

Get the raw value from the global-rules of a component.

get-includes clj/s

(get-includes component)

Returns the list of components from the include-children method of a component

get-local-rules clj/s

(get-local-rules component)

Get the raw value from the local-rules of a component.

get-nested-includes clj/s

(get-nested-includes component)

Recursively finds all includes starting at the given component.

Global clj/s≠ protocol

global-rules clj/s

(global-rules this)

DEPRECATED. Will be removed in a future release. Do not use for new applications. Use the $ prefix instead.

Global? clj/s

(Global? x)

Returns true if the component has global rules

implements-protocol? clj

(implements-protocol? x protocol protocol-key)

local-class clj/s

(local-class comp-class)

(local-class comp-class nm)

Generates a string name of a localized CSS class. This function combines the fully-qualified name of the given class with the (optional) specified name.

localize-css clj/s

(localize-css component)

Converts prefixed keywords into localized keywords and localizes the values of garden selectors

localize-selector clj/s

(localize-selector selector comp)

raw-css clj/s

(raw-css component)

Returns a string that contains the raw CSS for the rules defined on the given component's sub-tree. This can be used for server-side rendering of the style element, or in a style element as the :dangerouslySetInnerHTML/:html value:

(dom/style #js {:dangerouslySetInnerHTML #js {:__html (raw-css component)}})

remove-from-dom cljs

(remove-from-dom id)

Remove the given element from the DOM by ID

set-classname clj/s

(set-classname m subclasses)

style-element cljs

(style-element component)

Returns a React Style element with the (recursive) CSS of the given component. Useful for directly embedding in your UI VDOM.

upsert-css cljs

(upsert-css id root-component)

(Re)place the STYLE element with the provided ID on the document's DOM with the co-located CSS of the specified component.