jogabo-utils-flex

SUIT UtilFlex

SUIT CSS flexbox utilities.

Read more about SUIT's design principles.

Installation

• Component(1): component install suitcss/components-utils-flex
• npm: npm install suitcss-components-utils-flex
• Bower: bower install suit-components-utils-flex
• Download: zip

Available classes

• .u-flexContainer - create a flexbox container
• .u-flexWrap - break flex items into multiple lines
• .u-flexColumn - set flexbox orientation to column
• .u-flexAlignCenter - center-align flex items
• .u-flexAlignEnd - end-align flex items
• .u-flexJustifyCenter - pack flex items toward the center of the line
• .u-flexGrow - set flex-grow of a flex item to auto

Usage

Please refer to the README for SUIT CSS utils

Testing

Install Node (comes with npm).

npm install

To generate a build:

npm run build

To generate the testing build.

npm run build-test

Basic visual tests are in test.html.

Browser support

• Google Chrome (latest)
• Opera (latest)
• Firefox 4+
• Safari 5+
• Internet Explorer 9+