initial import from /x/ monorepo

Signed-off-by: Xe Iaso <me@xeiaso.net>

1 files changed, 111 insertions, 0 deletions

diff --git a/xess/xess.css b/xess/xess.css
new file mode 100644
index 0000000..631c8c1
--- /dev/null
+++ b/xess/xess.css
@@ -0,0 +1,111 @@
+@font-face {
+  font-family: "Geist";
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url("./static/geist.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Podkova";
+  font-style: normal;
+  font-weight: 400 800;
+  font-display: swap;
+  src: url("./static/podkova.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Iosevka Curly";
+  font-style: monospace;
+  font-display: swap;
+  src: url("./static/iosevka-curly.woff2") format("woff2");
+}
+
+main {
+  font-family: Geist, sans-serif;
+  max-width: 50rem;
+  padding: 2rem;
+  margin: auto;
+}
+
+@media only screen and (max-device-width: 736px) {
+  main {
+    padding: 0;
+  }
+}
+
+::selection {
+  background: #d3869b;
+}
+
+body {
+  background: #1d2021;
+  color: #f9f5d7;
+}
+
+pre {
+  background-color: #3c3836;
+  padding: 1em;
+  border: 0;
+  font-family: Iosevka Curly Iaso, monospace;
+}
+
+a,
+a:active,
+a:visited {
+  color: #b16286;
+  background-color: #282828;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin-bottom: 0.1rem;
+  font-family: Podkova, serif;
+}
+
+blockquote {
+  border-left: 1px solid #bdae93;
+  margin: 0.5em 10px;
+  padding: 0.5em 10px;
+}
+
+footer {
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  body {
+    background: #f9f5d7;
+    color: #1d2021;
+  }
+
+  pre {
+    background-color: #ebdbb2;
+    padding: 1em;
+    border: 0;
+  }
+
+  a,
+  a:active,
+  a:visited {
+    color: #b16286;
+    background-color: #fbf1c7;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    margin-bottom: 0.1rem;
+  }
+
+  blockquote {
+    border-left: 1px solid #655c54;
+    margin: 0.5em 10px;
+    padding: 0.5em 10px;
+  }
+}