add: css file for export

diff --git a/src/assets/htmlexport.css b/src/assets/htmlexport.css
new file mode 100644 (file)
index 0000000..5cf600f
--- /dev/null
+++ b/src/assets/htmlexport.css
@@ -0,0 +1,89 @@
+@import url("https://fonts.googleapis.com/css?family=Tangerine");
+@font-face {
+       font-family: "Tangerine";
+}
+
+.foodcard {
+       max-width: 60em;
+       margin: 0 auto;
+}
+
+p {
+       font-style: italic;
+       text-align: center;
+}
+
+.grid {
+       display: grid;
+       grid-template-columns: repeat(12, 1fr);
+}
+
+h1 {
+       font-family: "Tangerine", serif;
+       text-align: center;
+       font-size: 2.5em;
+       margin: 1em 0;
+}
+
+h2 {
+       font-family: "Tangerine", serif;
+       text-align: center;
+       font-size: 2em;
+}
+
+.foodmenu {
+       text-align: center;
+}
+
+.food {
+       grid-row: 1;
+       grid-column: 1/13;
+       font-size: 1.2em;
+       font-weight: bold;
+}
+
+.sideDish {
+       grid-row: 2;
+       grid-column: 1/13;
+       font-style: italic;
+}
+
+.price {
+       grid-row: 3;
+       grid-column: 1/13;
+       margin-top: 0.5em;
+}
+
+@media (min-width: 46.875em) {
+       h1 {
+               text-align: left;
+       }
+
+       h2 {
+               text-align: left;
+       }
+
+       .foodmenu {
+               padding: 0.5em 0;
+               border-bottom: 0.125em solid gray;
+               text-align: left;
+       }
+
+       .food {
+               grid-row: 1;
+               grid-column: 1/9;
+               font-size: 1.5em;
+       }
+
+       .sideDish {
+               grid-row: 2;
+               grid-column: 1/13;
+       }
+
+       .price {
+               grid-row: 1;
+               grid-column: 9/13;
+               text-align: right;
+               font-size: 1.1em;
+       }
+}