Liking cljdoc? Tell your friends :D
ClojureScript only.

re-com-tailwind.functions

align-stylecljs

(align-style attribute align)

Determines the value for the flex align type attributes. This parameter determines how children are aligned on the cross axis. The justify parameter is a keyword. Reference: http://www.w3.org/TR/css3-flexbox/#align-items-property

Determines the value for the flex align type attributes.
This parameter determines how children are aligned on the cross axis.
The justify parameter is a keyword.
Reference: http://www.w3.org/TR/css3-flexbox/#align-items-property
sourceraw docstring

calculate-split-flex-stylecljs

(calculate-split-flex-style value is-px?)
source

flex-child-stylecljs

(flex-child-style size)

Determines the value for the 'flex' attribute (which has grow, shrink and basis), based on the :size parameter. IMPORTANT: The term 'size' means width of the item in the case of flex-direction 'row' OR height of the item in the case of flex-direction 'column'. Flex property explanation:

  • grow Integer ratio (used with other siblings) to determined how a flex item grows it's size if there is extra space to distribute. 0 for no growing.
  • shrink Integer ratio (used with other siblings) to determined how a flex item shrinks it's size if space needs to be removed. 0 for no shrinking.
  • basis Initial size (width, actually) of item before any growing or shrinking. Can be any size value, e.g. 60%, 100px, auto Note: auto will cause the initial size to be calculated to take up as much space as possible, in conjunction with it's siblings :flex settings. Supported values:
  • initial '0 1 auto' - Use item's width/height for dimensions (or content dimensions if w/h not specified). Never grow. Shrink (to min-size) if necessary. Good for creating boxes with fixed maximum size, but that can shrink to a fixed smaller size (min-width/height) if space becomes tight. NOTE: When using initial, you should also set a width/height value (depending on flex-direction) to specify it's default size and an optional min-width/height value to specify the size it can shrink to.
  • auto '1 1 auto' - Use item's width/height for dimensions. Grow if necessary. Shrink (to min-size) if necessary. Good for creating really flexible boxes that will gobble as much available space as they are allowed or shrink as much as they are forced to.
  • none '0 0 auto' - Use item's width/height for dimensions (or content dimensions if not specified). Never grow. Never shrink. Good for creating rigid boxes that stick to their width/height if specified, otherwise their content size.
  • 100px '0 0 100px' - Non flexible 100px size (in the flex direction) box. Good for fixed headers/footers and side bars of an exact size.
  • 60% '60 1 0px' - Set the item's size (it's width/height depending on flex-direction) to be 60% of the parent container's width/height. NOTE: If you use this, then all siblings with percentage values must add up to 100%.
  • 60 '60 1 0px' - Same as percentage above.
  • grow shrink basis 'grow shrink basis' - If none of the above common values above meet your needs, this gives you precise control. If number of words is not 1 or 3, an exception is thrown. Reference: http://www.w3.org/TR/css3-flexbox/#flexibility Diagram: http://www.w3.org/TR/css3-flexbox/#flex-container Regex101 testing: ^(initial|auto|none)|(\d+)(px|%|em)|(\d+)\w(\d+)\w(.*) - remove double backslashes
Determines the value for the 'flex' attribute (which has grow, shrink and basis), based on the :size parameter.
IMPORTANT: The term 'size' means width of the item in the case of flex-direction 'row' OR height of the item in the case of flex-direction 'column'.
Flex property explanation:
 - grow    Integer ratio (used with other siblings) to determined how a flex item grows it's size if there is extra space to distribute. 0 for no growing.
 - shrink  Integer ratio (used with other siblings) to determined how a flex item shrinks it's size if space needs to be removed. 0 for no shrinking.
 - basis   Initial size (width, actually) of item before any growing or shrinking. Can be any size value, e.g. 60%, 100px, auto
           Note: auto will cause the initial size to be calculated to take up as much space as possible, in conjunction with it's siblings :flex settings.
Supported values:
 - initial            '0 1 auto'  - Use item's width/height for dimensions (or content dimensions if w/h not specified). Never grow. Shrink (to min-size) if necessary.
                                    Good for creating boxes with fixed maximum size, but that can shrink to a fixed smaller size (min-width/height) if space becomes tight.
                                    NOTE: When using initial, you should also set a width/height value (depending on flex-direction) to specify it's default size
                                          and an optional min-width/height value to specify the size it can shrink to.
 - auto               '1 1 auto'  - Use item's width/height for dimensions. Grow if necessary. Shrink (to min-size) if necessary.
                                    Good for creating really flexible boxes that will gobble as much available space as they are allowed or shrink as much as they are forced to.
 - none               '0 0 auto'  - Use item's width/height for dimensions (or content dimensions if not specified). Never grow. Never shrink.
                                    Good for creating rigid boxes that stick to their width/height if specified, otherwise their content size.
 - 100px              '0 0 100px' - Non flexible 100px size (in the flex direction) box.
                                    Good for fixed headers/footers and side bars of an exact size.
 - 60%                '60 1 0px'  - Set the item's size (it's width/height depending on flex-direction) to be 60% of the parent container's width/height.
                                    NOTE: If you use this, then all siblings with percentage values must add up to 100%.
 - 60                 '60 1 0px'  - Same as percentage above.
 - grow shrink basis  'grow shrink basis' - If none of the above common values above meet your needs, this gives you precise control.
If number of words is not 1 or 3, an exception is thrown.
Reference: http://www.w3.org/TR/css3-flexbox/#flexibility
Diagram:   http://www.w3.org/TR/css3-flexbox/#flex-container
Regex101 testing: ^(initial|auto|none)|(\d+)(px|%|em)|(\d+)\w(\d+)\w(.*) - remove double backslashes
sourceraw docstring

flex-flow-stylecljs

(flex-flow-style flex-flow)

A cross-browser helper function to output flex-flow with all it's potential browser prefixes

A cross-browser helper function to output flex-flow with all it's potential browser prefixes
sourceraw docstring

justify-stylecljs

(justify-style justify)

Determines the value for the flex 'justify-content' attribute. This parameter determines how children are aligned along the main axis. The justify parameter is a keyword. Reference: http://www.w3.org/TR/css3-flexbox/#justify-content-property

Determines the value for the flex 'justify-content' attribute.
This parameter determines how children are aligned along the main axis.
The justify parameter is a keyword.
Reference: http://www.w3.org/TR/css3-flexbox/#justify-content-property
sourceraw docstring

list-stylecljs

source

pxcljs

source

scroll-stylecljs

(scroll-style attribute scroll)

Determines the value for the 'overflow' attribute. The scroll parameter is a keyword. Because we're translating scroll into overflow, the keyword doesn't appear to match the attribute value

Determines the value for the 'overflow' attribute.
The scroll parameter is a keyword.
Because we're translating scroll into overflow, the keyword doesn't appear to match the attribute value
sourceraw docstring

spacing-borderedcljs

source

spacing-unborderedcljs

source

tw-alertcljs

(tw-alert type & appendages)
source

tw-btncljs

(tw-btn & appendages)
source

tw-btn-basecljs

(tw-btn-base & appendages)
source

tw-btn-dangercljs

(tw-btn-danger & appendages)
source

tw-btn-danger-disabledcljs

(tw-btn-danger-disabled & appendages)
source

tw-btn-defaultcljs

(tw-btn-default & appendages)
source

tw-btn-default-disabledcljs

(tw-btn-default-disabled & appendages)
source

tw-btn-groupcljs

(tw-btn-group & appendages)
source

tw-btn-group-buttoncljs

(tw-btn-group-button & appendages)
source

tw-btn-group-button-verticalcljs

(tw-btn-group-button-vertical & appendages)
source

tw-btn-group-verticalcljs

(tw-btn-group-vertical & appendages)
source

tw-btn-infocljs

(tw-btn-info & appendages)
source

tw-btn-info-disabledcljs

(tw-btn-info-disabled & appendages)
source

tw-btn-primarycljs

(tw-btn-primary & appendages)
source

tw-btn-selectedcljs

(tw-btn-selected & appendages)
source

tw-btn-successcljs

(tw-btn-success & appendages)
source

tw-btn-success-disabledcljs

(tw-btn-success-disabled & appendages)
source

tw-fade-incljs

(tw-fade-in & appendages)
source

tw-form-controlcljs

(tw-form-control & appendages)
source

tw-form-control-feedbackcljs

(tw-form-control-feedback & appendages)
source

tw-tabcljs

(tw-tab & appendages)
source

tw-tab-activecljs

(tw-tab-active & appendages)
source

visualise-flow?cljs

source

cljdoc is a website building & hosting documentation for Clojure/Script libraries

Keyboard shortcutsReport a problemcljdoc on GitHub
× close