From c54ef435346b2539c10424813d16955c19d9fbe2 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 26 Aug 2020 07:08:41 -0400
Subject: [PATCH] More explicit selectors

---
 src/components/dropdown/dropdown.scss | 32 ++++++++++++++-------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/components/dropdown/dropdown.scss b/src/components/dropdown/dropdown.scss
index 7c8a9eb60..2a6eafdcd 100644
--- a/src/components/dropdown/dropdown.scss
+++ b/src/components/dropdown/dropdown.scss
@@ -34,23 +34,25 @@
   transition: var(--sl-transition-fast) opacity, var(--sl-transition-fast) transform;
 }
 
-[data-popper-placement^='top'] .dropdown__panel {
-  transform-origin: bottom;
-}
+.dropdown__positioner {
+  &[data-popper-placement^='top'] .dropdown__panel {
+    transform-origin: bottom;
+  }
 
-[data-popper-placement^='bottom'] .dropdown__panel {
-  transform-origin: top;
-}
+  &[data-popper-placement^='bottom'] .dropdown__panel {
+    transform-origin: top;
+  }
 
-[data-popper-placement^='left'] .dropdown__panel {
-  transform-origin: right;
-}
+  &[data-popper-placement^='left'] .dropdown__panel {
+    transform-origin: right;
+  }
 
-[data-popper-placement^='right'] .dropdown__panel {
-  transform-origin: left;
-}
+  &[data-popper-placement^='right'] .dropdown__panel {
+    transform-origin: left;
+  }
 
-.popover-visible .dropdown__panel {
-  opacity: 1;
-  transform: scale(1);
+  &.popover-visible .dropdown__panel {
+    opacity: 1;
+    transform: scale(1);
+  }
 }