JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 975
  • Score
    100M100P100Q111132F

Display utilities for SUIT CSS

Package Exports

  • suitcss-utils-display

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (suitcss-utils-display) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

SUIT CSS utilities: display

Build Status

SUIT CSS display utilities.

Read more about SUIT CSS's design principles.

Installation

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

Available classes

  • u-block - Display block.
  • u-hidden - Display none.
  • u-hiddenVisually - Visually hidden but available to screenreaders.
  • u-inline - Display inline.
  • u-inlineBlock - Display inline-block.
  • u-table - Display table.
  • u-tableCell - Display table-cell.
  • u-tableRow - Display table-row.

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 lint code with postcss-bem-linter and stylelint

npm run lint

To generate the testing build.

npm run build-test

To watch the files for making changes to test:

npm run watch

Basic visual tests are in test/index.html.

Browser support

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