From: Bastian Dehn <hhaalo@arcor.de>
Date: Mon, 13 Jun 2022 14:24:39 +0000 (+0200)
Subject: add: css file for export
X-Git-Tag: v1.0.1^2~5
X-Git-Url: https://gitweb.hhaalo.de/?a=commitdiff_plain;h=24303a847ed3c11b964be9b83a1d7660dadc78f5;p=speisekarten-editor.git

add: css file for export
---

diff --git a/src/assets/htmlexport.css b/src/assets/htmlexport.css
new file mode 100644
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;
+	}
+}