refactor(web): replace arbitrary tailwind class, adjust list styles to fit the design

Manuel Proß · Manuel Proß · commit 26b7835624f2 · 2024-03-23T17:13:33.000+01:00
diff --git a/web/src/styles/_text.scss b/web/src/styles/_text.scss
@@ -1,5 +1,5 @@
 .heading {
-	@apply font-semibold text-primary mb-[32px];
+	@apply font-semibold text-primary mb-8;
 }
 
 .h1 {
@@ -48,6 +48,14 @@ a.link {
 	}
 }
 
-.text- ul.list li {
-	list-style-type: "> ";
+ul.list {
+	@apply ml-2;
+
+	> li {
+		@apply list-['>'] text-white;
+
+		> span {
+			@apply block text-base ml-2;
+		}
+	}
 }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`.heading {`
`2`		`- @apply font-semibold text-primary mb-[32px];`
	`2`	`+ @apply font-semibold text-primary mb-8;`
`3`	`3`	`}`
`4`	`4`
`5`	`5`	`.h1 {`
`@@ -48,6 +48,14 @@ a.link {`
`48`	`48`	`}`
`49`	`49`	`}`
`50`	`50`
`51`		`-.text- ul.list li {`
`52`		`- list-style-type: "> ";`
	`51`	`+ul.list {`
	`52`	`+ @apply ml-2;`
	`53`	`+`
	`54`	`+ > li {`
	`55`	`+ @apply list-['>'] text-white;`
	`56`	`+`
	`57`	`+ > span {`
	`58`	`+ @apply block text-base ml-2;`
	`59`	`+ }`
	`60`	`+ }`
`53`	`61`	`}`