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,38 +25,40 @@ 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;
}
code {
background-color: rgba(#616161, 0.1);
color: #616161;
}
} }
code { .content {
background-color: rgba(#616161, 0.1); padding: 1rem 0 0;
color: #616161;
}
}
.content { h3 {
padding: 1rem 0 0; margin: 1rem 0 0.5rem;
}
h3 { pre {
margin: 1rem 0 0.5rem; border-radius: 5px;
} color: #333;
}
pre { code {
border-radius: 5px; display: block;
color: #333; white-space: pre-wrap;
} font-size: 0.8rem;
padding: 0.75rem 1rem;
code { background-color:#e9ecef;
display: block; color: #495057;
white-space: pre-wrap; }
font-size: 0.8rem;
padding: 0.75rem 1rem;
background-color:#e9ecef;
color: #495057;
} }
} }
</style> </style>