Display list items correctly in text blocks

Resolves MS-486
This commit is contained in:
Ramon Wenger 2022-07-11 15:36:13 +02:00
parent ff7e5ad1f6
commit bf850198f7
1 changed files with 9 additions and 1 deletions

View File

@ -21,10 +21,18 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "~styles/_variables.scss"; @import "~styles/helpers";
.text-block { .text-block {
margin-bottom: $medium-spacing; // if calc is not supported margin-bottom: $medium-spacing; // if calc is not supported
margin-bottom: calc(#{$large-spacing} - 0.25rem); // to offset the 1.5 line height, which leaves a padding margin-bottom: calc(#{$large-spacing} - 0.25rem); // to offset the 1.5 line height, which leaves a padding
/deep/ ul {
@include list-parent;
}
/deep/ li {
@include list-child;
}
} }
</style> </style>