https://github.com/moox/sass-flex-medias
Some helpers for responsive, intrinsic ratio medias (video, iframe, objects, images...). It also avoid browsers reflow.
https://github.com/moox/sass-flex-medias
Last synced: 11 months ago
JSON representation
Some helpers for responsive, intrinsic ratio medias (video, iframe, objects, images...). It also avoid browsers reflow.
- Host: GitHub
- URL: https://github.com/moox/sass-flex-medias
- Owner: MoOx
- Created: 2013-03-22T14:08:58.000Z (about 13 years ago)
- Default Branch: master
- Last Pushed: 2014-04-22T05:54:42.000Z (about 12 years ago)
- Last Synced: 2025-01-05T20:58:08.813Z (over 1 year ago)
- Language: CSS
- Size: 133 KB
- Stars: 1
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flex Medias
## [DEPRECATED, consider [SUIT flex embed](https://github.com/suitcss/components-flex-embed/)]
> Flexible responsive fixed ratio medias to avoid browsers reflow.
Some helpers for responsive, intrinsic ratio medias (video, iframe, objects, images...). It also avoid browsers reflow.
---
**NOT TESTED & NOT PUBLISHED ON FONZIE YET**
## Installation
```
fonzie install flex-medias
```
## Usage
```scss
@import "flex-medias";
```
### BEM style
```scss
$flex-media-selector: '.flex-media';
$flex-media-ratios: "3-1" 3, "16-9" 16/9, "4-3" 4/3, "1-1" 1;
@include flex-medias();
```
```html
```
### `@extend` style
```scss
@import "flex-media";
$flex-media-ratios: "3-1" 3, "16-9" 16/9, "4-3" 4/3, "1-1" 1;
@include flex-medias();
```
```html
```
---
## License
Copyright (c) 2013 Maxime Thirouin
Released under [MIT Licence](http://moox.mit-license.org/)