fix scoped styles
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user