All Projects → suitcss → Utils State

suitcss / Utils State

Licence: mit
CSS state utilities (DEPRECATED)

Labels

SUIT CSS utilities: state (DEPRECATED)

Build Status

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+
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].