Replaces & at the middle of the media-object rule

This fixes #7245

diff --git a/scss/components/_media-object.scss b/scss/components/_media-object.scss
index 812130cce94a091cdaf19ee10fd10347005da916..1103340fc3a0c69483ba0dcf68a4933110856ecc 100644 (file)
--- a/scss/components/_media-object.scss
+++ b/scss/components/_media-object.scss
@@ -27,6 +27,7 @@ $mediaobject-image-width-stacked: 100% !default;
 /// Adds styles for sections within a media object.
 /// @param {Number} $padding [$mediaobject-section-padding] - Padding between sections.
 @mixin media-object-section($padding: $mediaobject-section-padding) {
+  $selector: &;
   display: table-cell;
   vertical-align: top;
 
@@ -34,7 +35,7 @@ $mediaobject-image-width-stacked: 100% !default;
     padding-#{$global-right}: $padding;
   }
 
-  &:last-child:not(+ &:first-child) {
+  &:last-child:not(+ $selector:first-child) {
     padding-#{$global-left}: $padding;
   }
 }