Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

simonsmith/suitcss-utils-image

Repository files navigation

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+

AltStyle によって変換されたページ (->オリジナル) /