add 4:3 video ratio

1 files changed, 5 insertions, 1 deletions

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 {