scope experiment styles

2021-03-18 11:13:25 +01:00
parent 9dd4e24b97
commit b44b635366
7 changed files with 150 additions and 136 deletions
--- a/docs/src/demos/Experiments/Commands/index.vue
+++ b/docs/src/demos/Experiments/Commands/index.vue
@@ -130,17 +130,19 @@ export default {
 }
 </script>

-<style lang="scss">
-.ProseMirror {
-  > * + * {
-    margin-top: 0.75em;
+<style lang="scss" scoped>
+::v-deep {
+  .ProseMirror {
+    > * + * {
+      margin-top: 0.75em;
+    }
+  }
+
+  .mention {
+    color: #A975FF;
+    background-color: rgba(#A975FF, 0.1);
+    border-radius: 0.3rem;
+    padding: 0.1rem 0.3rem;
  }
 }
-
-.mention {
-  color: #A975FF;
-  background-color: rgba(#A975FF, 0.1);
-  border-radius: 0.3rem;
-  padding: 0.1rem 0.3rem;
-}
 </style>