https://github.com/simonsmith/components-media
Media object component
https://github.com/simonsmith/components-media
Last synced: 11 months ago
JSON representation
Media object component
- Host: GitHub
- URL: https://github.com/simonsmith/components-media
- Owner: simonsmith
- Created: 2014-08-06T10:44:01.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2014-08-06T11:22:13.000Z (almost 12 years ago)
- Last Synced: 2025-05-27T10:58:20.418Z (about 1 year ago)
- Language: CSS
- Homepage: http://simonsmith.github.io/components-media/test/
- Size: 137 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SUIT CSS components-media
A SUIT CSS component that provides a [media object](http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/), commonly used for things like comments.
Read more about [SUIT CSS's design principles](https://github.com/suitcss/suit/).
## Installation
* [npm](http://npmjs.org/): `npm install suitcss-components-media`
* [Component(1)](https://github.com/component/component/): `component install simonsmith/components-media`
* [Bower](http://bower.io/): `bower install suitcss-components-media`
## Available classes
* `Media` - [core] The core media component
* `Media--alignRight` - [modifier] Align the media object to the right
## Configurable variables
* `--Media-heading-margin`
* `--Media-object-gutter`
## Use
Example:
```html
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque
venenatis interdum urna, quis sodales mauris rutrum quis.
```
## Testing
Install [Node](http://nodejs.org) (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+