diff options
Diffstat (limited to 'less')
| -rw-r--r-- | less/utilities.less | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/less/utilities.less b/less/utilities.less index a26031214..415d76a8a 100644 --- a/less/utilities.less +++ b/less/utilities.less @@ -54,3 +54,39 @@ .affix { position: fixed; } + + +// Embeds responsive +// ------------------------- + +// Credit: Nicolas Gallagher + +.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%; + } + + // 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%; + } +} |
