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:
parent
b82c788e5c
commit
429c2673ca
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// ---------------------------------
|
// ---------------------------------
|
||||||
|
Loading…
Reference in New Issue
Block a user