From 606f16480e0ca8d931adcdf49bcc7d0cef2754c6 Mon Sep 17 00:00:00 2001 From: Nicolas Coden Date: Tue, 26 Dec 2017 22:20:19 +0100 Subject: [PATCH] fix: prevent side-effect from .stack-for in media-object Prevent a parent component with `.stack-for-*` to have side effects on `.media-object-section`. This is a part of a PR and the selector specificity is revert to the one before the PR (0.3.0). --- scss/components/_media-object.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/scss/components/_media-object.scss b/scss/components/_media-object.scss index 0ae8c51a6..1f6d44b3d 100644 --- a/scss/components/_media-object.scss +++ b/scss/components/_media-object.scss @@ -38,6 +38,12 @@ $mediaobject-image-width-stacked: 100% !default; } } } + + &.stack-for-#{$-zf-zero-breakpoint} .media-object-section { + @include breakpoint($-zf-zero-breakpoint only) { + @include media-object-stack; + } + } } /// Adds styles for sections within a media object. @@ -63,12 +69,6 @@ $mediaobject-image-width-stacked: 100% !default; margin-bottom: 0; } - .stack-for-#{$-zf-zero-breakpoint} & { - @include breakpoint($-zf-zero-breakpoint only) { - @include media-object-stack; - } - } - @if $global-flexbox { &.main-section { flex: 1 1 0px; // sass-lint:disable-line zero-unit -- 2.47.2