diff --git a/.editorconfig b/.editorconfig
index e100c8b358941f02aed25a61b9a3344bbcc86363..0f356b69da2004822321df807706a555dffd5bad 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -6,7 +6,7 @@ end_of_line = lf
 trim_trailing_whitespace = true
 insert_final_newline = true
 
-[*.{json,less,ts,html.j2}]
+[*.{json,less,ts,html.j2,css}]
 indent_style = tab
 indent_size = 4
 
diff --git a/examples/static/schild.css b/examples/static/schild.css
index 1616d564c1d565154eff6c56893106a59532c644..44639805216205f78e96befe1d1af6910cfe3012 100644
--- a/examples/static/schild.css
+++ b/examples/static/schild.css
@@ -1,83 +1,83 @@
 @page {
-    size: a4 landscape;
-    margin: 50px;
+	size: a4 landscape;
+	margin: 50px;
 }
 
 * {
-    box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 body {
-    font-size: 48px;
-    font-family: "Noto Sans", sans-serif;
-    padding: 0;
-    margin: 0;
-    display: flex;
-    flex-direction: column;
-    @media not print {
-	/* This magic constant approximately corresponds to 48px at A4 size, but scales
-	 * with the viewport/iframe size
-	 */
-	font-size: 4.27426536064114vw;
-	padding: 4.27426536064114vw;
-	width: 100vw;
-	height: 100vh;
-	max-width: 100vw;
-	max-height: 100vh;
-    }
+	font-size: 48px;
+	font-family: "Noto Sans", sans-serif;
+	padding: 0;
+	margin: 0;
+	display: flex;
+	flex-direction: column;
+	@media not print {
+		/* This magic constant approximately corresponds to 48px at A4 size, but scales
+		 * with the viewport/iframe size
+		 */
+		font-size: 4.27426536064114vw;
+		padding: 4.27426536064114vw;
+		width: 100vw;
+		height: 100vh;
+		max-width: 100vw;
+		max-height: 100vh;
+	}
 }
 
 main {
-    flex-grow: 1;
-    max-height: 11.3em;
+	flex-grow: 1;
+	max-height: 11.3em;
 }
 
 img {
-    max-width: 100%;
-    max-height: 100%;
-    object-fit: contain;
-    display: block;
+	max-width: 100%;
+	max-height: 100%;
+	object-fit: contain;
+	display: block;
 }
 
 #logo {
-    width: 15%;
+	width: 15%;
 }
 
 footer {
-    font-size: 0.5em;
-    display: flex;
-    align-items: flex-end;
+	font-size: 0.5em;
+	display: flex;
+	align-items: flex-end;
 }
 
 #footer {
-    flex-grow: 1;
+	flex-grow: 1;
 }
 
 h1 {
-    margin-top: 0;
+	margin-top: 0;
 }
 
 p {
-    margin-top: 0;
-    margin-bottom: 0;
+	margin-top: 0;
+	margin-bottom: 0;
 }
 
 .container {
-    column-count: 2;
-    column-fill: balance;
+	column-count: 2;
+	column-fill: balance;
 }
 
 .container > img,
 .container > svg {
-    max-width: 100%;
-    max-height: 8em;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
+	max-width: 100%;
+	max-height: 8em;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
 }
 
 .box, svg {
-    width: 100%;
-    margin: 0;
-    padding: 0;
+	width: 100%;
+	margin: 0;
+	padding: 0;
 }