diff options
| author | Mark Otto <[email protected]> | 2014-03-06 23:18:13 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-03-06 23:18:13 -0800 |
| commit | 705ff7f2275ca823f71ca8dfba27a3b68119a2a4 (patch) | |
| tree | 5e9cafa73cafc08cfcd4f0dba987620fe21ccd21 /less | |
| parent | 12c619f5b9149a4d3f4d24efe106504b6a8a5004 (diff) | |
| download | bootstrap-705ff7f2275ca823f71ca8dfba27a3b68119a2a4.tar.xz bootstrap-705ff7f2275ca823f71ca8dfba27a3b68119a2a4.zip | |
Moving the embed to it's own CSS file, moving the docs to the Components page with an example, fixing a Glyhpicons list problem in the docs
Diffstat (limited to 'less')
| -rw-r--r-- | less/bootstrap.less | 1 | ||||
| -rw-r--r-- | less/responsive-embed.less | 34 | ||||
| -rw-r--r-- | less/utilities.less | 36 |
3 files changed, 35 insertions, 36 deletions
diff --git a/less/bootstrap.less b/less/bootstrap.less index 4f85a0dd3..61b77474f 100644 --- a/less/bootstrap.less +++ b/less/bootstrap.less @@ -35,6 +35,7 @@ @import "media.less"; @import "list-group.less"; @import "panels.less"; +@import "responsive-embed.less"; @import "wells.less"; @import "close.less"; diff --git a/less/responsive-embed.less b/less/responsive-embed.less new file mode 100644 index 000000000..a884d49fe --- /dev/null +++ b/less/responsive-embed.less @@ -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%; + } +} diff --git a/less/utilities.less b/less/utilities.less index 415d76a8a..a26031214 100644 --- a/less/utilities.less +++ b/less/utilities.less @@ -54,39 +54,3 @@ .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%; - } -} |