Skip to Content
Menu
This question has been flagged
490 Views

I have to change the bullet points as - 1,1.1,1.1.1 as such
Currently its like - 1, a, then roman letters 
Is there any way to update as follows?
I have tried the following way to change the scss file , I will also add the current file:
Path - web_editor/static/src/js/editor/odoo-editor/src/base_style.scss',

$remainder: $depth % 3;
#{$selectorOl} {
@if $remainder == 0 {
list-style-type: decimal;
} @else if $remainder == 1 {
list-style-type: lower-alpha;
} @else if $remainder == 2 {
list-style-type: lower-roman;
}
}
  #{$selectorOl} {
list-style-type: none;
counter-reset: list-0;

& > li {
counter-increment: list-0;
position: relative;

&:before {
content: counter(list-0) ". ";
}

ol {
list-style-type: none;
counter-reset: list-1;

& > li {
counter-increment: list-1;
&:before {
content: counter(list-0) "." counter(list-1) ". ";
}

ol {
list-style-type: none;
counter-reset: list-2;

& > li {
counter-increment: list-2;

&:before {
content: counter(list-0) "." counter(list-1) "." counter(list-2) ". ";
}
}
}
}
}
}
}
Avatar
Discard