From 2f732a10c92d221ea997c3c8469f98261f9080dd Mon Sep 17 00:00:00 2001
From: Niko <nikoshell20@gmail.com>
Date: Tue, 8 Apr 2025 00:14:43 +0200
Subject: [PATCH] Prose picture style.

Use Picture for pictures.
---
 src/styles/global.css | 112 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 112 insertions(+)

diff --git a/src/styles/global.css b/src/styles/global.css
index 130de2383..c04c4bed8 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -46,6 +46,118 @@ body {
   grid-column: 1 / 4;
 }
 
+.prose :is(h1, h2, h3, h4, h5, h6) a {
+  text-decoration: none !important;
+}
+
+.prose :is(h1, h2, h3, h4, h5, h6) a:hover {
+  text-decoration: underline !important;
+}
+
+.prose :is(h1, h2, h3, h4, h5, h6) a:focus {
+  outline: 4px solid #0073e6;
+  outline-offset: 5px;
+}
+
+.prose picture img,
+.prose > img,
+.prose p img {
+  width: 100%;
+  height: auto;
+  border-width: 4px;
+  border-color: white;
+  border-style: solid;
+  border-radius: 0.5rem;
+  box-shadow:
+    0 10px 15px -3px rgba(0, 0, 0, 0.1),
+    0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+ul.milestone-done li {
+  position: relative;
+  list-style: none;
+}
+
+ul.milestone-done li::before {
+  content: "\2705  " !important;
+  background: none !important;
+}
+
+ul.milestone-todo li {
+  position: relative;
+  list-style: none;
+}
+
+ul.milestone-todo li::before {
+  content: "\1F4DD  " !important;
+  background: none !important;
+}
+
+img.findaid-accent-round-marker {
+  width: 120px;
+  min-width: 70px;
+  padding: 0 10px;
+  display: inline-block;
+  margin: 0;
+}
+
+table.finaid-timeline td {
+  padding-bottom: 1rem;
+}
+
+div.finaid-sponsor {
+  width: 50%;
+  margin: 0 auto 2rem auto;
+}
+
+summary h4::after {
+  content: "👇";
+}
+
+.list-disc li {
+  list-style: none;
+  position: relative;
+}
+
+ul.list-disc li::before {
+  content: "";
+  display: inline-block;
+  width: 25px;
+  height: 20px;
+  /*background-image: url(/img/list-item.svg);*/
+  background-size: 100%;
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  position: absolute;
+  left: -30px;
+  top: 0.2em;
+}
+
+ul ul.list-disc li {
+  list-style: disc;
+}
+ul ul.list-disc li::before {
+  display: none;
+}
+
+p.tick::before {
+  content: "\2705  ";
+  padding: 0.5rem;
+}
+
+p.cross::before {
+  content: "\274C  ";
+  padding: 0.5rem;
+}
+
+p.tick::after,
+p.cross::after {
+  content: "\23EC";
+  display: inline-block;
+  font-size: 1.3em;
+  margin-left: 0.4em;
+}
+
 /* typography */
 .prose {
   h1,