SUIT utilities: state
SUIT CSS state utilities.
Read more about SUIT's design principles.
Installation
- Component(1):
component install suitcss/utils-state
- npm:
npm install suitcss-utils-state
- Bower:
bower install suit-utils-state
- Download: zip
Available classes
u-isActionable
- Style with apointer
cursor to indicate an element will trigger an action.u-isDisabled
- Style with adefault
cursor to indicate no associated action.u-isDraggable
- Style with amove
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-isVisible
- Make an element visible.u-isInvisible
- Hide an element without affecting flow
Usage
Please refer to the README for SUIT 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+