scope experiment styles

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

View File

@ -135,7 +135,8 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
::v-deep {
/* Basic editor styles */ /* Basic editor styles */
.ProseMirror { .ProseMirror {
> * + * { > * + * {
@ -146,4 +147,5 @@ export default {
.annotation { .annotation {
background: #9DEF8F; background: #9DEF8F;
} }
}
</style> </style>

View File

@ -130,7 +130,8 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
::v-deep {
.ProseMirror { .ProseMirror {
> * + * { > * + * {
margin-top: 0.75em; margin-top: 0.75em;
@ -143,4 +144,5 @@ export default {
border-radius: 0.3rem; border-radius: 0.3rem;
padding: 0.1rem 0.3rem; padding: 0.1rem 0.3rem;
} }
}
</style> </style>

View File

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

View File

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

View File

@ -61,7 +61,8 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
::v-deep {
.problem { .problem {
background: #fdd; background: #fdd;
border-bottom: 1px solid #f22; border-bottom: 1px solid #f22;
@ -93,4 +94,5 @@ export default {
.ProseMirror { .ProseMirror {
padding-right: 20px; padding-right: 20px;
} }
}
</style> </style>

View File

@ -143,7 +143,8 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
::v-deep {
.ProseMirror { .ProseMirror {
> * + * { > * + * {
margin-top: 0.75em; margin-top: 0.75em;
@ -206,4 +207,5 @@ pre {
font-size: 0.8rem; font-size: 0.8rem;
} }
} }
}
</style> </style>

View File

@ -37,7 +37,8 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
::v-deep {
/* Basic editor styles */ /* Basic editor styles */
.ProseMirror { .ProseMirror {
> * + * { > * + * {
@ -53,4 +54,5 @@ export default {
pointer-events: none; pointer-events: none;
height: 0; height: 0;
} }
}
</style> </style>