workspace with decoupled nostr package

packages/app/src/Element/Text.css

@@ -0,0 +1,82 @@
+.text {
+  font-size: var(--font-size);
+  line-height: 24px;
+}
+
+.text a {
+  color: var(--highlight);
+  text-decoration: none;
+}
+.text a:hover {
+  text-decoration: underline;
+}
+
+.text h1 {
+  margin: 0;
+}
+.text h2 {
+  margin: 0;
+}
+.text h3 {
+  margin: 0;
+}
+.text h4 {
+  margin: 0;
+}
+.text h5 {
+  margin: 0;
+}
+.text h6 {
+  margin: 0;
+}
+
+.text p {
+  margin: 0;
+  margin-bottom: 4px;
+}
+
+.text p:last-child {
+  margin-bottom: 0;
+}
+
+.text pre {
+  margin: 0;
+}
+
+.text li {
+  margin-top: -1em;
+}
+.text li:last-child {
+  margin-bottom: -2em;
+}
+
+.text hr {
+  border: 0;
+  height: 1px;
+  background-image: var(--gray-gradient);
+  margin: 20px;
+}
+
+.text img,
+.text video,
+.text iframe,
+.text audio {
+  max-width: 100%;
+  max-height: 500px;
+  margin: 10px auto;
+  display: block;
+  border-radius: 12px;
+}
+
+.text iframe,
+.text video {
+  width: -webkit-fill-available;
+  aspect-ratio: 16 / 9;
+}
+
+.text blockquote {
+  margin: 0;
+  color: var(--font-secondary-color);
+  border-left: 2px solid var(--font-secondary-color);
+  padding-left: 12px;
+}