ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix scoped styles

Browse Source
This commit is contained in:
Philipp Kühn
2021-03-17 23:49:03 +01:00
parent 4a9cc6752e
commit 8ca65b8c56
3 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
docs/src/demos/Guide/NodeViews/JavaScript/index.vue
View File

@@ -42,7 +42,7 @@ export default {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
/* Basic editor styles */
.ProseMirror {
> * + * {
@@ -50,28 +50,30 @@ export default {
}
}
.node-view {
border: 1px solid #adb5bd;
border-radius: 0.5rem;
margin: 1rem 0;
position: relative;
}
::v-deep {
.node-view {
border: 1px solid #adb5bd;
border-radius: 0.5rem;
margin: 1rem 0;
position: relative;
}
.label {
margin-left: 1rem;
background-color: #adb5bd;
font-size: 0.6rem;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
position: absolute;
top: 0;
padding: 0.25rem 0.75rem;
border-radius: 0 0 0.5rem 0.5rem;
}
.label {
margin-left: 1rem;
background-color: #adb5bd;
font-size: 0.6rem;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
position: absolute;
top: 0;
padding: 0.25rem 0.75rem;
border-radius: 0 0 0.5rem 0.5rem;
}
.content {
margin: 2.5rem 1rem 1rem;
.content {
margin: 2.5rem 1rem 1rem;
}
}
</style>

2
docs/src/demos/Guide/NodeViews/VueComponent/Component.vue
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;

2
docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue
View File

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