Responsive images keep images from scaling beyond the width of their parents.
- Group: Images
- Access: public
| Name | Type | Description | Default |
|---|---|---|---|
$className |
String | a CSS class name that will prefix all helpers | "img-responsive" |
$breakpoints |
Map | a map of grid breakpoints | config.$breakpoints |
usage
@include img-responsive();- 0.1.0 1. Set a maximum relative to the parent
- Scale the height according to the width, otherwise you get stretching
- Mark Otto