flexbox fun with jss
Switch branches/tags
develop greenkeeper-cz-conventional-changelog-2.0.0 greenkeeper-eslint-3.9.0 greenkeeper-eslint-3.9.1 greenkeeper-eslint-config-standard-6.2.0 greenkeeper-eslint-config-standard-7.0.0 greenkeeper-eslint-config-standard-7.0.2 greenkeeper-eslint-config-standard-7.0.3 greenkeeper-eslint-config-standard-7.1.0 greenkeeper-eslint-config-standard-8.0.0 greenkeeper-eslint-config-standard-10.0.0 greenkeeper-eslint-config-standard-10.1.0 greenkeeper-eslint-config-standard-10.2.0 greenkeeper-eslint-config-standard-10.2.1 greenkeeper-ghooks-2.0.0 greenkeeper-jsdoc-to-markdown-2.0.0 greenkeeper-jsdoc-to-markdown-2.0.1 greenkeeper-jsdoc-to-markdown-3.0.0 greenkeeper-jss-6.0.0 greenkeeper-jss-6.0.1 greenkeeper-jss-6.0.2 greenkeeper-jss-6.1.0 greenkeeper-jss-6.1.1 greenkeeper-jss-6.2.0 greenkeeper-jss-6.3.0 greenkeeper-jss-6.4.0 greenkeeper-jss-6.5.0 greenkeeper-jss-7.0.0 greenkeeper-jss-7.0.1 greenkeeper-jss-7.0.2 greenkeeper-jss-7.0.3 greenkeeper-jss-7.1.0 greenkeeper-jss-7.1.1 greenkeeper-jss-7.1.2 greenkeeper-jss-7.1.3 greenkeeper-jss-preset-default-0.5.0 greenkeeper-jss-preset-default-0.6.0 greenkeeper-jss-preset-default-0.7.0 greenkeeper-jss-preset-default-0.8.0 greenkeeper-jss-preset-default-0.9.0 greenkeeper-jss-preset-default-1.0.0 greenkeeper-jss-preset-default-1.1.0 greenkeeper-jss-preset-default-1.2.0 greenkeeper-jss-preset-default-1.2.1 greenkeeper-jss-preset-default-1.3.0 greenkeeper-jss-preset-default-1.3.1 greenkeeper-jss-preset-default-2.0.0 greenkeeper-semantic-release-6.3.2 greenkeeper-semantic-release-6.3.6 greenkeeper-standard-9.0.0 greenkeeper-standard-9.0.2 greenkeeper-standard-10.0.0 greenkeeper-standard-10.0.1 greenkeeper-standard-10.0.2 greenkeeper/initial master
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.babelrc
.eslintrc
.gitignore
.npmignore
.travis.yml
LICENSE.md
README.md
README.template.md
package.json

README.md

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 <style> tag By default all the css classes get prefixed with .flb.

Kind: global function