dab/AJM_digitalmethods_course
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix dracula li markers

Browse source 
replace :before pseudo elements with :marker selector

allows to have different marker based on the level of nesting (as in other themes : disc, square, circle)
This commit is contained in:
Thomas Fritsch 2023-09-02 12:03:11 +02:00
parent 680cf5edb8
commit 777e2a2d05
2 changed files with 11 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
css/theme/source/dracula.scss
View file

@ -99,34 +99,14 @@ $codeFont: "Fira Code", $systemFontsMono;
} }
// Dracula colored list bullets and numbers // Dracula colored list bullets and numbers
.reveal ul { .reveal {
list-style: none; ul, ol {
li::marker {
color: var(--r-list-bullet-color);
}
}
ol {
counter-reset: li;
}
} }
.reveal ul li::before {
content: "•";
color: var(--r-list-bullet-color);
display: inline-block;
width: 1em;
margin-left: -1em
}
.reveal ol {
list-style: none;
counter-reset: li;
}
.reveal ol li::before {
content: counter(li) ".";
color: var(--r-list-bullet-color);
display: inline-block;
width: 2em;
margin-left: -2.5em;
margin-right: 0.5em;
text-align: right;
}
.reveal ol li {
counter-increment: li
}

29
dist/theme/dracula.css vendored
View file

@ -1,4 +1,3 @@
@charset "UTF-8";
/** /**
* Dracula Dark theme for reveal.js. * Dracula Dark theme for reveal.js.
* Based on https://draculatheme.com * Based on https://draculatheme.com
@ -382,33 +381,9 @@ section.has-light-background, section.has-light-background h1, section.has-light
color: var(--r-inline-code-color); color: var(--r-inline-code-color);
} }
.reveal ul li { .reveal ul li::marker, .reveal ol li::marker {
list-style: none;
}
.reveal ul li::before {
content: "•";
color: var(--r-list-bullet-color); color: var(--r-list-bullet-color);
display: inline-block;
width: 1em;
margin-left: -1em;
} }
.reveal ol { .reveal ol {
list-style: none;
counter-reset: li; counter-reset: li;
} }
.reveal ol li::before {
content: counter(li) ".";
color: var(--r-list-bullet-color);
display: inline-block;
width: 2em;
margin-left: -2.5em;
margin-right: 0.5em;
text-align: right;
}
.reveal ol li {
counter-increment: li;
}