Add Tampio hello world example, syntax.css, and update README

2026-03-29 14:43:20 +03:00
parent 721e1eb8f0
commit 7254c1d1fd
3 changed files with 103 additions and 2 deletions
@@ -0,0 +1,83 @@
+/*
+ * 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;
+}
+
+span.variable {
+	font-variant: small-caps;
+	font-size: large;
+}
+
+span.variable-or-field {
+	text-decoration: underline dotted;
+	font-variant: small-caps;
+	font-size: large;
+}
+
+/* ===== FUNCTIONS ===== */
+span.function {
+	font-style: italic;
+}
+
+/* ===== OPERATORS ===== */
+span.operator {
+	text-decoration: underline dotted;
+	font-weight: bold;
+}
+
+span.conditional-operator {
+	text-decoration: underline dotted;
+	color: #622;
+}
+
+/* ===== LITERALS ===== */
+span.literal {
+	color: #622;
+}
+
+/* ===== COMMENTS ===== */
+span.comment-inline, span.block-comment-inline {
+	color: #226;
+	font-size: small;
+}
+
+span.comment-global {
+	color: black;
+	font-size: 1.5em;
+	border-bottom: 1px solid black;
+}
+
+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;
+}
+
+ul.syntax-root {
+	list-style: none;
+}