diff --git a/webapp/assets/_new/styles/tokens.scss b/webapp/assets/_new/styles/tokens.scss index 1f3447015..53abd01f8 100644 --- a/webapp/assets/_new/styles/tokens.scss +++ b/webapp/assets/_new/styles/tokens.scss @@ -356,4 +356,3 @@ $media-query-x-large: (min-width: 1200px); /** * @tokens Background Images */ -$background-image-logo: url('/icon.png'); \ No newline at end of file diff --git a/webapp/components/Editor/Editor.vue b/webapp/components/Editor/Editor.vue index 24a674bd0..ff2e09cab 100644 --- a/webapp/components/Editor/Editor.vue +++ b/webapp/components/Editor/Editor.vue @@ -329,19 +329,25 @@ li > p { } ul { - padding-left: $space-small; + // padding-left: $space-small; + padding-left: $space-x-large; + // list-style-position: outside; + // list-style-type: circle; li { display: block; + list-style-position: outside; + text-indent: -$space-large; p:first-child:before { - content: ''; - background-image: $background-image-logo; - background-position: center; - background-repeat: no-repeat; - background-size: $line-height-small; + // list-style-position: inside; + content: '•'; padding: $space-none $space-x-small; margin-right: $space-x-small; + // text-indent: -1em; + // padding-left: 1em; + // padding: 10px 0 10px 20px; + // text-indent: -1em; } p:not(:first-child) { @@ -353,14 +359,18 @@ li > p { ol { // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters counter-reset: item; - padding-left: $space-small; + // padding-left: $space-small; + padding-left: $space-x-large; li { display: block; + list-style-position: outside; + text-indent: -$space-large; p:first-child:before { content: counters(item, '.') '.'; counter-increment: item; + padding: $space-none $space-x-small; margin-right: $space-x-small; }