flex-jss

jss utils for flexbox

Usage no npm install needed!

<script type="module">
  import flexJss from 'https://cdn.skypack.dev/flex-jss';
</script>

README

flex-jss

Build Status npm Donate Bitcoin

jss utils for flexbox

Installation

npm install flex-jss --save

Constants

Functions

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