mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-08-06 13:38:49 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

scope experiment styles

Browse Source
This commit is contained in:
Philipp Kühn 2021-03-18 11:13:25 +01:00
parent 9dd4e24b97
commit b44b635366
7 changed files with 150 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/src/demos/Experiments/CollaborationAnnotation/index.vue
View File

@ -135,15 +135,17 @@ export default {
}
</script>
<style lang="scss">
/* Basic editor styles */
.ProseMirror {
<style lang="scss" scoped>
::v-deep {
/* Basic editor styles */
.ProseMirror {
> * + * {
margin-top: 0.75em;
}
}
}
.annotation {
.annotation {
background: #9DEF8F;
}
}
</style>

10
docs/src/demos/Experiments/Commands/index.vue
View File

@ -130,17 +130,19 @@ export default {
}
</script>
<style lang="scss">
.ProseMirror {
<style lang="scss" scoped>
::v-deep {
.ProseMirror {
> * + * {
margin-top: 0.75em;
}
}
}
.mention {
.mention {
color: #A975FF;
background-color: rgba(#A975FF, 0.1);
border-radius: 0.3rem;
padding: 0.1rem 0.3rem;
}
}
</style>

6
docs/src/demos/Experiments/Details/index.vue
View File

@ -63,8 +63,9 @@ export default {
}
</script>
<style lang="scss">
.ProseMirror {
<style lang="scss" scoped>
::v-deep {
.ProseMirror {
> * + * {
margin-top: 0.75em;
}
@ -94,5 +95,6 @@ export default {
}
}
}
}
}
</style>

6
docs/src/demos/Experiments/Embeds/index.vue
View File

@ -53,11 +53,13 @@ export default {
}
</script>
<style lang="scss">
.ProseMirror {
<style lang="scss" scoped>
::v-deep {
.ProseMirror {
> * + * {
margin-top: 0.75em;
}
}
.iframe-wrapper {
position: relative;

18
docs/src/demos/Experiments/Linter/index.vue
View File

@ -61,14 +61,15 @@ export default {
}
</script>
<style lang="scss">
.problem {
<style lang="scss" scoped>
::v-deep {
.problem {
background: #fdd;
border-bottom: 1px solid #f22;
margin-bottom: -1px;
}
}
.lint-icon {
.lint-icon {
display: inline-block;
position: absolute;
right: 2px;
@ -84,13 +85,14 @@ export default {
text-align: center;
padding-left: .5px;
line-height: 1.1em
}
}
.lint-icon:before {
.lint-icon:before {
content: "!";
}
}
.ProseMirror {
.ProseMirror {
padding-right: 20px;
}
}
</style>

18
docs/src/demos/Experiments/MultipleEditors/index.vue
View File

@ -143,8 +143,9 @@ export default {
}
</script>
<style lang="scss">
.ProseMirror {
<style lang="scss" scoped>
::v-deep {
.ProseMirror {
> * + * {
margin-top: 0.75em;
}
@ -163,17 +164,17 @@ export default {
}
}
}
}
}
.form__label {
.form__label {
color: #868e96;
text-transform: uppercase;
font-weight: bold;
font-size: 0.7rem;
letter-spacing: 1px;
}
}
.form__item {
.form__item {
margin: 0 0 1rem;
padding: 0.75rem 1rem;
border-radius: 5px;
@ -193,9 +194,9 @@ export default {
color: #FFF;
font-size: 0.8rem;
}
}
}
pre {
pre {
font-family: 'JetBrainsMono', monospace;
padding: 0.75rem 1rem;
border-radius: 0.5rem;
@ -205,5 +206,6 @@ pre {
background: none;
font-size: 0.8rem;
}
}
}
</style>

14
docs/src/demos/Experiments/Placeholder/index.vue
View File

@ -37,20 +37,22 @@ export default {
}
</script>
<style lang="scss">
/* Basic editor styles */
.ProseMirror {
<style lang="scss" scoped>
::v-deep {
/* Basic editor styles */
.ProseMirror {
> * + * {
margin-top: 0.75em;
}
}
}
/* Placeholder */
.ProseMirror p.is-editor-empty:first-child::before {
/* Placeholder */
.ProseMirror p.is-editor-empty:first-child::before {
content: attr(data-empty-text);
float: left;
color: #ced4da;
pointer-events: none;
height: 0;
}
}
</style>