From 9ab261e4f7ae1d0c69c0b479745096f51df3d687 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Tue, 19 Apr 2016 15:21:59 +0800
Subject: add 4:3 video ratio

---
 src/media.less | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/media.less b/src/media.less
index f27c068..c845aa2 100644
--- a/src/media.less
+++ b/src/media.less
@@ -7,10 +7,14 @@
 .video-responsive {
   height: 0;
   overflow: hidden;
-  padding-bottom: 56.25%; /* 16:9 */
+  padding-bottom: 56.25%; /* Default 16:9, you can calculate this value by dividing 9 by 16 */
   padding-top: 3rem;
   position: relative;
 
+  &.video-responsive-4-3 {
+    padding-bottom: 75%; /* 4:3 */
+  }
+
   iframe,
   object,
   embed {
-- 
cgit v1.3.1-26-gb76a