Merge pull request #6 from microsoft/master

microsoft · Nov 20, 2021 · 7161a46 · 7161a46
2 parents 85d2447 + 15b8789
commit 7161a46
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/change/@microsoft-fast-components-90c5b08c-5716-4699-b157-5c772a4495fc.json b/change/@microsoft-fast-components-90c5b08c-5716-4699-b157-5c772a4495fc.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: proper css targeting for flipper",
+  "packageName": "@microsoft/fast-components",
+  "email": "jes@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/fast-components/src/switch/switch.styles.ts b/packages/web-components/fast-components/src/switch/switch.styles.ts
@@ -141,10 +141,9 @@ export const switchStyles: (
         visibility: hidden;
     }
 
-    ::slotted(*) {
-        ${
-            /* Need to discuss with Brian how HorizontalSpacingNumber can work. https://github.com/microsoft/fast/issues/2766 */ ""
-        } margin-inline-start: calc(${designUnit} * 2px + 2px);
+    ::slotted([slot="checked-message"]),
+    ::slotted([slot="unchecked-message"]) {
+        margin-inline-start: calc(${designUnit} * 2px + 2px);
     }
 
     :host([aria-checked="true"]) .checked-indicator {