fix scoped styles

This commit is contained in:
Philipp Kühn
2021-03-18 00:01:28 +01:00
parent 375bb15dc1
commit 8949191895
2 changed files with 30 additions and 28 deletions

View File

@@ -30,7 +30,7 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.vue-component { .vue-component {
border: 1px solid #adb5bd; border: 1px solid #adb5bd;
border-radius: 0.5rem; border-radius: 0.5rem;

View File

@@ -25,9 +25,10 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
/* Basic editor styles */ ::v-deep {
.ProseMirror { /* Basic editor styles */
.ProseMirror {
> * + * { > * + * {
margin-top: 0.75em; margin-top: 0.75em;
} }
@@ -36,9 +37,9 @@ export default {
background-color: rgba(#616161, 0.1); background-color: rgba(#616161, 0.1);
color: #616161; color: #616161;
} }
} }
.content { .content {
padding: 1rem 0 0; padding: 1rem 0 0;
h3 { h3 {
@@ -58,5 +59,6 @@ export default {
background-color:#e9ecef; background-color:#e9ecef;
color: #495057; color: #495057;
} }
}
} }
</style> </style>