scope experiment styles

docs/src/demos/Experiments/CollaborationAnnotation/index.vue

@@ -135,7 +135,8 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+::v-deep {
   /* Basic editor styles */
   .ProseMirror {
     > * + * {
@@ -146,4 +147,5 @@ export default {
   .annotation {
     background: #9DEF8F;
   }
+}
 </style>

docs/src/demos/Experiments/Commands/index.vue

@@ -130,7 +130,8 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+::v-deep {
   .ProseMirror {
     > * + * {
       margin-top: 0.75em;
@@ -143,4 +144,5 @@ export default {
     border-radius: 0.3rem;
     padding: 0.1rem 0.3rem;
   }
+}
 </style>

docs/src/demos/Experiments/Details/index.vue

@@ -63,7 +63,8 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+::v-deep {
   .ProseMirror {
     > * + * {
       margin-top: 0.75em;
@@ -95,4 +96,5 @@ export default {
       }
     }
   }
+}
 </style>

docs/src/demos/Experiments/Embeds/index.vue

@@ -53,11 +53,13 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+::v-deep {
   .ProseMirror {
     > * + * {
       margin-top: 0.75em;
     }
+  }
 
   .iframe-wrapper {
     position: relative;

docs/src/demos/Experiments/Linter/index.vue

@@ -61,7 +61,8 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+::v-deep {
   .problem {
     background: #fdd;
     border-bottom: 1px solid #f22;
@@ -93,4 +94,5 @@ export default {
   .ProseMirror {
     padding-right: 20px;
   }
+}
 </style>

docs/src/demos/Experiments/MultipleEditors/index.vue

@@ -143,7 +143,8 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+::v-deep {
   .ProseMirror {
     > * + * {
       margin-top: 0.75em;
@@ -206,4 +207,5 @@ pre {
       font-size: 0.8rem;
     }
   }
+}
 </style>

docs/src/demos/Experiments/Placeholder/index.vue

@@ -37,7 +37,8 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+::v-deep {
   /* Basic editor styles */
   .ProseMirror {
     > * + * {
@@ -53,4 +54,5 @@ export default {
     pointer-events: none;
     height: 0;
   }
+}
 </style>