From 7becab96f29e2d89dfed87681ecc71a234c4bcb7 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 21 May 2024 21:02:24 -0700
Subject: [PATCH] Add print stylesheet

---
 index.html |  3 ++-
 print.css  | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 1 deletion(-)
 create mode 100644 print.css

diff --git a/index.html b/index.html
index eece6cc..a872b41 100644
--- a/index.html
+++ b/index.html
@@ -9,9 +9,10 @@
   <link rel="icon" href="data:,">
   <title>Block Hash Calculator</title>
   <style>
-    @layer base;
+    @layer base, print;
 
     @import "./style.css" layer(base);
+    @import "./print.css" layer(print) print;
   </style>
 </head>
 
diff --git a/print.css b/print.css
new file mode 100644
index 0000000..aa2cc89
--- /dev/null
+++ b/print.css
@@ -0,0 +1,48 @@
+@page {
+  margin: 0.5in;
+}
+
+* {
+  font-family: monospace;
+  background: transparent;
+  color: #000;
+  padding: 0;
+  border: none;
+  margin: 0;
+}
+
+h1,
+p,
+a,
+button {
+  display: none;
+}
+
+label,
+h2,
+input,
+code {
+  display: block;
+  margin-block-end: 8px;
+}
+
+label,
+h2 {
+  font-size: 11pt;
+}
+
+input,
+code {
+  font-size: 10pt;
+  margin-inline-start: 16px;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input {
+  -moz-appearance: textfield;
+}
\ No newline at end of file
-- 
2.47.3