fix: rendering of unordered lists and footnotes (#1609)

* Fix rendering of lists and footnotes

* Fix rendering of lists and footnotes

* fix: restore list arrow symbols

Co-authored-by: Nicolas Giard <github@ngpixel.com>
This commit is contained in:
Dragan Espenschied 2020-03-28 19:23:31 +01:00 committed by GitHub
parent d3b4c64554
commit 3402afa03c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -198,7 +198,6 @@
p { p {
padding: 1rem 0 0 0; padding: 1rem 0 0 0;
margin: 0; margin: 0;
text-align: justify;
@at-root .contents > div > p:first-child { @at-root .contents > div > p:first-child {
padding-top: 0; padding-top: 0;
@ -312,8 +311,8 @@
// --------------------------------- // ---------------------------------
ol, ul { ol, ul {
padding: 1rem 0 0 0; padding-top: 1rem;
list-style-position: inside; width: 100%;
@at-root .is-rtl & { @at-root .is-rtl & {
padding-left: 0; padding-left: 0;
@ -474,18 +473,21 @@
ul { ul {
list-style: none; list-style: none;
width: 100%;
> li::before { > li::before {
position: absolute;
left: -1.1rem;
content: '\25b8'; content: '\25b8';
color: mc('grey', '600'); color: mc('grey', '600');
display: inline-block;
width: 1.35rem; width: 1.35rem;
@at-root .is-rtl & { @at-root .is-rtl & {
content: '\25C3' ; content: '\25C3';
} }
} }
}
ul, ol {
> li { > li {
position: relative;
> p { > p {
display:inline-block; display:inline-block;
vertical-align:top; vertical-align:top;