[READ-ONLY] Mirror of https://github.com/hacknug/romi-project.
romi-project.vercel.app
Fix not rendering lists in content correctly
Nestor Vera
(Jul 25, 2022, 7:10 PM +0200)
81920fb9
9f43f100
+7
-7
+5
-5
components/content/BaseProse.vue
+5
-5
components/content/BaseProse.vue
···
19
19
20
20
& > li {
21
21
counter-increment: list-counter;
22
-
@apply relative pl-9;
23
-
& :matches(+ li, > :matches(ol, ul)) { margin-top: 0.6em; }
22
+
@apply relative pl-6;
23
+
& :is(+ li, > :is(ol, ul)) { margin-top: 0.6em; }
24
24
}
25
25
26
26
&:not(ul) > li::before {
···
34
34
@apply absolute left-1 transform scale-50 origin-left;
35
35
}
36
36
37
-
/* & :matches(ul, ol) {
38
-
& :matches(ul, ol) ol {
37
+
/* & :is(ul, ol) {
38
+
& :is(ul, ol) ol {
39
39
list-style-type: lower-alpha;
40
40
}
41
41
}
42
42
43
-
& > div > :matches(ul, ol) {
43
+
& > div > :is(ul, ol) {
44
44
counter-reset: item;
45
45
46
46
& > li {
+2
-2
components/content/SectionSplit.vue
+2
-2
components/content/SectionSplit.vue
···
3
3
<div class="md:group-odd:col-start-1 md:group-even:col-start-2 md:row-start-1">
4
4
<slot name="media"></slot>
5
5
</div>
6
-
<div class="md:group-odd:col-start-2 md:group-even:col-start-1 md:row-start-1">
6
+
<BaseProse class="md:group-odd:col-start-2 md:group-even:col-start-1 md:row-start-1">
7
7
<slot name="default"></slot>
8
-
</div>
8
+
</BaseProse>
9
9
</div>
10
10
</template>
11
11