SUIT CSS utilities: image

Build Status

SUIT CSS image utilities

Installation

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

Available classes

  • u-imgResponsive - Allow an image to respond to its container size

Usage

<img class="u-imgResponsive" src="{src}" />

Configuration

Overriding the display property on responsive images

By default responsive images are set to display: block but this can be overridden with another utility, such as suitcss-utils-display

<img class="u-imgResponsive u-inline" src="{src}" />

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
  • Opera
  • Firefox
  • Safari
  • Internet Explorer 8+
  • Android 4.1+
  • iOS 6+
  • Windows phone 8.1+