pink blockquote styling

andnorda · andnorda · commit 6953a5006394 · 2024-11-18T12:58:05.000+01:00
diff --git a/src/routes/blog/posts/layout.svelte b/src/routes/blog/posts/layout.svelte
@@ -50,7 +50,8 @@
 		padding: 0.5rem;
 	}
 	:global(blockquote) {
-		
-
+		border-left: 0.5rem solid var(--color-primary);
+		padding: 1rem;
+		background-color: color-mix(in srgb, var(--color-primary) 10%, white);
 	}
 </style>

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,8 @@`
`50`	`50`	`padding: 0.5rem;`
`51`	`51`	`}`
`52`	`52`	`:global(blockquote) {`
`53`		`-`
`54`		`-`
	`53`	`+ border-left: 0.5rem solid var(--color-primary);`
	`54`	`+ padding: 1rem;`
	`55`	`+ background-color: color-mix(in srgb, var(--color-primary) 10%, white);`
`55`	`56`	`}`
`56`	`57`	`</style>`