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>
<style lang="scss">
<style lang="scss" scoped>
.vue-component {
border: 1px solid #adb5bd;
border-radius: 0.5rem;

View File

@@ -25,38 +25,40 @@ export default {
}
</script>
<style lang="scss">
/* Basic editor styles */
.ProseMirror {
> * + * {
margin-top: 0.75em;
<style lang="scss" scoped>
::v-deep {
/* Basic editor styles */
.ProseMirror {
> * + * {
margin-top: 0.75em;
}
code {
background-color: rgba(#616161, 0.1);
color: #616161;
}
}
code {
background-color: rgba(#616161, 0.1);
color: #616161;
}
}
.content {
padding: 1rem 0 0;
.content {
padding: 1rem 0 0;
h3 {
margin: 1rem 0 0.5rem;
}
h3 {
margin: 1rem 0 0.5rem;
}
pre {
border-radius: 5px;
color: #333;
}
pre {
border-radius: 5px;
color: #333;
}
code {
display: block;
white-space: pre-wrap;
font-size: 0.8rem;
padding: 0.75rem 1rem;
background-color:#e9ecef;
color: #495057;
code {
display: block;
white-space: pre-wrap;
font-size: 0.8rem;
padding: 0.75rem 1rem;
background-color:#e9ecef;
color: #495057;
}
}
}
</style>