From: Haralan Dobrev <hkdobrev@gmail.com>
Date: Mon, 2 Feb 2015 17:26:30 +0000 (+0200)
Subject: Extract responsive embed nested classes
X-Git-Tag: v3.3.4~149^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b46dbef3264c87d16dbba3ba89cec3dc72065cac;p=thirdparty%2Fbootstrap.git

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.
---

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 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 4:3 aspect ratio
+.embed-responsive-4by3 {
+  padding-bottom: 75%;
 }