fix: list formatting multiline with fancy bullets (#1406)

* Fix list formatting multiline with fancy bullets

In kinda response to: https://github.com/Requarks/wiki/pull/1283 
Solves the problem with the list having issues with p elements and with multi lines but keeping the fancy css bullets.
Tested on Chrome, Firefox, Opera and Edge.

* remove important

* fix: bullet symbol for RTL

Co-authored-by: Nicolas Giard <github@ngpixel.com>
This commit is contained in:
Aitor Rosell Torralba 2020-02-01 04:22:27 +01:00 committed by GitHub
parent b82c788e5c
commit 429c2673ca
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -312,8 +312,8 @@
// --------------------------------- // ---------------------------------
ol, ul { ol, ul {
padding: 1rem 0 0 1rem; padding: 1rem 0 0 0;
list-style-position: outside; list-style-position: inside;
@at-root .is-rtl & { @at-root .is-rtl & {
padding-left: 0; padding-left: 0;
@ -472,8 +472,28 @@
} }
} }
ul { ul {
list-style: square outside; list-style: none;
width: 100%;
> li::before {
content: '\25b8';
color: mc('grey', '600');
display: inline-block;
width: 1.35rem;
@at-root .is-rtl & {
content: '\25C0' ;
}
}
> li {
display:flex;
flex-wrap: wrap;
> p {
display:inline-block;
vertical-align:top;
padding-top:0;
}
}
} }
// --------------------------------- // ---------------------------------