Add Finnish cases and syntax cheatsheet

examples/basics/syntax.css

@@ -1,21 +1,12 @@
-/*
- * Tampio Syntax Highlighting — Typography & Styling
- *
- * This stylesheet defines the visual presentation of Tampio source code.
- */
-
-/* ===== TYPE STYLES ===== */
 span.type {
 	font-variant: small-caps;
 	font-size: large;
 }
 
-/* ===== KEYWORDS ===== */
 span.keyword {
 	font-weight: bold;
 }
 
-/* ===== VARIABLES & FIELDS ===== */
 span.field {
 	text-decoration: underline dotted;
 }
@@ -31,12 +22,10 @@ span.variable-or-field {
 	font-size: large;
 }
 
-/* ===== FUNCTIONS ===== */
 span.function {
 	font-style: italic;
 }
 
-/* ===== OPERATORS ===== */
 span.operator {
 	text-decoration: underline dotted;
 	font-weight: bold;
@@ -47,17 +36,19 @@ span.conditional-operator {
 	color: #622;
 }
 
-/* ===== LITERALS ===== */
 span.literal {
 	color: #622;
 }
 
-/* ===== COMMENTS ===== */
 span.comment-inline, span.block-comment-inline {
 	color: #226;
 	font-size: small;
 }
 
+ul:not(.syntax-root) {
+	list-style: disc;
+}
+
 span.comment-global {
 	color: black;
 	font-size: 1.5em;
@@ -68,11 +59,6 @@ span.block-comment-global {
 	color: #226;
 }
 
-/* ===== LIST STYLES ===== */
-ul:not(.syntax-root) {
-	list-style: disc;
-}
-
 ul.syntax-root > li {
 	margin-top: 10px;
 	margin-bottom: 10px;
@@ -80,4 +66,4 @@ ul.syntax-root > li {
 
 ul.syntax-root {
 	list-style: none;
-}
+}