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

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

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

@@ -19,7 +19,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;