SUIT CSS components-media
A SUIT CSS component that provides a media object, commonly used for things like comments.
Read more about SUIT CSS's design principles.
Installation
- npm:
npm install suitcss-components-media
- Component(1):
component install simonsmith/components-media
- Bower:
bower install suitcss-components-media
Available classes
Media
- [core] The core media componentMedia--alignRight
- [modifier] Align the media object to the right
Configurable variables
--Media-heading-margin
--Media-object-gutter
Use
Example:
Heading Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque venenatis interdum urna, quis sodales mauris rutrum quis.
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/index.html
.
Browser support
- Google Chrome
- Firefox
- Opera
- Safari
- Internet Explorer 8+