jogabo-utils-flex

flexbox utilities

Usage no npm install needed!

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

README

SUIT UtilFlex

Build Status

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+