diff options
| author | Gleb Mazovetskiy <glex.spb@gmail.com> | 2014-06-24 04:39:16 +0400 |
|---|---|---|
| committer | Gleb Mazovetskiy <glex.spb@gmail.com> | 2014-06-24 05:08:13 +0400 |
| commit | 380194abaf1721915e763dfc4a1ca29ebf3eaaa7 (patch) | |
| tree | 3a1922f1ced96c217afd2fed833ee0eff526938f /assets/stylesheets/bootstrap/_responsive-embed.scss | |
| parent | 081372ebf582d69791b3f77c6e4c383f86043a04 (diff) | |
move asset files to assets/
Diffstat (limited to 'assets/stylesheets/bootstrap/_responsive-embed.scss')
| -rw-r--r-- | assets/stylesheets/bootstrap/_responsive-embed.scss | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/assets/stylesheets/bootstrap/_responsive-embed.scss b/assets/stylesheets/bootstrap/_responsive-embed.scss new file mode 100644 index 0000000..a884d49 --- /dev/null +++ b/assets/stylesheets/bootstrap/_responsive-embed.scss @@ -0,0 +1,34 @@ +// Embeds responsive +// +// Credit: Nicolas Gallagher and SUIT CSS. + +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; + + .embed-responsive-item, + iframe, + embed, + object { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; + } + + // Modifier class for 16:9 aspect ratio + &.embed-responsive-16by9 { + padding-bottom: 56.25%; + } + + // Modifier class for 4:3 aspect ratio + &.embed-responsive-4by3 { + padding-bottom: 75%; + } +} |