SUIT CSS utilities: state (DEPRECATED)

SUIT CSS state utilities.

Read more about SUIT CSS's design principles.

Installation

• npm: npm install suitcss-utils-state
• Download: zip

Available classes

• u-isActionable - Style with a pointer cursor to indicate an element will trigger an action.
• u-isDisabled - Style with a default cursor to indicate no associated action.
• u-isDraggable - Style with a move cursor to indicate an element can be dragged.
• u-isHidden - Completely remove an element from the flow and screen readers.
• u-isHiddenVisually - Completely remove an element from the flow but leave available to screen readers.
• u-isInvisible - Hide an element without affecting flow
• u-isShown - Show a hidden element.
• u-isVisible - Make an element visible.

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 8+