From b46dbef3264c87d16dbba3ba89cec3dc72065cac Mon Sep 17 00:00:00 2001
From: Haralan Dobrev <hkdobrev@gmail.com>
Date: Mon, 2 Feb 2015 19:26:30 +0200
Subject: [PATCH] Extract responsive embed nested classes

I think this is the more common coding convention across Bootstrap.

Extract nested classes as first-class citizens and assume HTML would use both.
---
 less/responsive-embed.less | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/less/responsive-embed.less b/less/responsive-embed.less
index c1fa8f8488..080a5118fe 100644
--- a/less/responsive-embed.less
+++ b/less/responsive-embed.less
@@ -22,14 +22,14 @@
     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%;
-  }
+}
+
+// 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%;
 }