diff options
| author | SkyArrow <tommy351@gmail.com> | 2012-01-24 18:24:12 +0100 |
|---|---|---|
| committer | SkyArrow <tommy351@gmail.com> | 2012-01-24 18:24:12 +0100 |
| commit | f54c3bdd1563d6bbd398c10ad0722396fa2ae75d (patch) | |
| tree | 9b85a02e42a817b1bf4c837736a2dc121eabe761 | |
| parent | 7c05b0a627b22f227084d5144e9eb0879c920a68 (diff) | |
| download | octopress-theme-jeyzu-f54c3bdd1563d6bbd398c10ad0722396fa2ae75d.zip octopress-theme-jeyzu-f54c3bdd1563d6bbd398c10ad0722396fa2ae75d.tar.gz | |
embedded videos 100% width
| -rw-r--r-- | sass/parts/_article.scss | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/sass/parts/_article.scss b/sass/parts/_article.scss index b0f49ab..29355ba 100644 --- a/sass/parts/_article.scss +++ b/sass/parts/_article.scss @@ -55,7 +55,7 @@ article{ h3{ margin-top: 10px; } - img{ + img, video{ max-width: 100%; height: auto; } @@ -90,6 +90,20 @@ article{ color: #999; padding-left: 25px; } + .video-container{ + position: relative; + padding-bottom: 56.25%; + padding-top: 30px; + height: 0; + overflow: hidden; + iframe, object, embed{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + } } } .share{ |