From f54c3bdd1563d6bbd398c10ad0722396fa2ae75d Mon Sep 17 00:00:00 2001 From: SkyArrow Date: Wed, 25 Jan 2012 01:24:12 +0800 Subject: embedded videos 100% width --- sass/parts/_article.scss | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) 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{ -- cgit v1.1-2-g2b99