Enable alternate ß in address row

LICENSE.txt

@@ -0,0 +1,20 @@
+Copyright (c) HTML5 Boilerplate
+Copyright (c) 2026 Lars Winter
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do
+so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,11 @@
+# Billy CSS template
+
+This is the css styling for invoices generated with [Billy](https://usebilly.app/en).
+
+## License
+
+Code in this repository is licensed under the MIT License. See the `LICENSE` file.
+
+## Asset notice
+
+All images, screenshots, logos, trademarks, and project visuals in this repository are excluded from the code license unless explicitly stated otherwise. Such materials are the property of their respective copyright owners and may not be reused, redistributed, or modified without permission.

custom.css

@@ -13,44 +13,32 @@
 	--accent-extralight: #FFE7CC;  /* total background header */
 }
 
-/* Recolor headline, remove bold style, add more letter-spacing */
+/* Change font, recolor headline, remove bold style, add more letter-spacing */
 h1 {
 	color: #ff4500;
 	font-weight: 400;
 	letter-spacing: 0.025em;
+	font-size: 0.75rem;
 }
 
-/* Remove bold style, add more letter-spacing */
-.footer section small b {
-  font-weight: normal; /* or font-weight: 400; */
-  letter-spacing: 0.025em;
+.address-row, .address-row span {
+	font-family: "MD IO";
+	font-feature-settings: "ss01" 1;
 }
 
-/* Add more letter-spacing */
-.footer section small i {
-  letter-spacing: 0.025em;
-}
-
-/* Remove bold style, add more letter-spacing */
-.footer section small span {
+/* Remove bold style */
+.address-row span, .footer section small span, .footer section small b {
 	font-weight: normal !important; /* or font-weight: 400; */
-  letter-spacing: 0.025em;
 }	
 
-/* Remove bold style, add more letter-spacing */
-.address-row span {
-  font-weight: normal !important; /* or font-weight: 400; */
-  letter-spacing: 0.025em;
-}
-
-/* Disable circled numbers, activate square punctuation and legible forms for MD UI */
+/* Enable square punctuation and legible forms for MD UI */
 .address, .info-table td, .main-table td, .total-table td {
-	font-feature-settings: "ss01" 1, "ss02" 1, "ss03" 0, "ss04" 0;
+	font-feature-settings: "ss01" 1, "ss02" 1;
 }
 
-/* Disable circled numbers for MD IO */
+/* Enable alternate ß for MD IO */
 .info-table th, .main-table th, .total-table th {
-	font-feature-settings: "ss01" 1, "ss02" 0, "ss03" 0, "ss04" 0;
+	font-feature-settings: "ss01" 1;
 }
 
 /* Change table header to primary color */
@@ -58,10 +46,15 @@ h1 {
 	color: #121212;
 }
 
+/* Add more letter-spacing */
+.footer section small, .footer section small span, .footer section small b, .footer section small i {
+	letter-spacing: 0.025em;
+}
+
 /* Change look of folding-marks */
 .folding-mark {
-	width: 2rem;
-	height: 2rem;
-	border-radius: 8rem;
+	width: 0.2rem;
+	height: 0.2rem;
+	border-radius: 1rem;
 	background-color: #ff8c00;
 }