flex-jss

jss utils for flexbox

Installation

npm install flex-jss --save

Constants

• row
• col
• jc_sb
• jc_sa
• jc_c
• jc_fs
• jc_fe
• ai_c
• ai_fs
• ai_fe
• spread
• wrap

Functions

• asHtmlStyleString() ⇒ string

row

sets display to flex and flexDirection as row

Kind: global constant
Example

<div className='flb row' />

col

sets display to flex and flexDirection as column

Kind: global constant
Example

<div className='flb col' />

jc_sb

sets justifyContent to space-between

Kind: global constant
Example

<div className='flb col jc_sb' />

jc_sa

sets justifyContent to space-around

Kind: global constant
Example

<div className='flb row jc_sa' />

jc_c

sets justifyContent to center

Kind: global constant
Example

<div className='flb col jc_c' />

jc_fs

sets justifyContent to flex-start

Kind: global constant
Example

<div className='flb row jc_fs' />

jc_fe

sets justifyContent to flex-end

Kind: global constant
Example

<div className='flb row jc_fe' />

ai_c

sets alignItems to center

Kind: global constant
Example

<div className='flb row jc_c ai_c' />

ai_fs

sets alignItems to flex-start

Kind: global constant
Example

<div className='flb row jc_c ai_fs' />

ai_fe

sets alignItems to flex-end

Kind: global constant
Example

<div className='flb row jc_c ai_fe' />

spread

sets flex to 1 0 0

Kind: global constant
Example

<div className='flb spread' />

wrap

sets flexWrap to wrap

Kind: global constant
Example

<div className='flb wrap' />

asHtmlStyleString() ⇒ string

Creates a stylesheet of all the classes which can directly be inserted into a HTML <style> tag By default all the css classes get prefixed with .flb.

Kind: global function