From d5335635692d016348210e1086e6129b02aef466 Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Sun, 15 Mar 2026 12:25:23 +0100
Subject: [PATCH] feat: Change - to _ for selector names

---
 source/code/hippie/app.js                      |  2 +-
 source/screens/demo/components.liquid          |  6 +++---
 source/screens/demo/examples/game/intro.liquid |  2 +-
 source/screens/demo/examples/start.liquid      |  4 ++--
 source/style/hippie-style                      |  2 +-
 source/style/modules/_start.scss               |  2 +-
 source/style/modules/ui/_frame_module.scss     | 10 +++++-----
 source/style/modules/ui/_new_module.scss       |  2 +-
 source/style/ui.scss                           |  2 +-
 9 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/source/code/hippie/app.js b/source/code/hippie/app.js
index 50efe38..7cda8b6 100644
--- a/source/code/hippie/app.js
+++ b/source/code/hippie/app.js
@@ -69,7 +69,7 @@ function HippieFade(toggleElement, initState) {
 	const fragment = document.createDocumentFragment();
 	const overlay = document.createElement('div');
 
-	overlay.id = 'mouse-overlay';
+	overlay.id = 'mouse_overlay';
 
 	if (initState) {
 		overlay.classList.add('active');
diff --git a/source/screens/demo/components.liquid b/source/screens/demo/components.liquid
index 7e14f0d..2ea1d8d 100644
--- a/source/screens/demo/components.liquid
+++ b/source/screens/demo/components.liquid
@@ -221,8 +221,8 @@ order: 3
 			</tr>
 			</tbody>
 		</table>
-		<pre class="pre_code"><code>table.width_full.stripe.fix.free>tr>td*3</code></pre>
-		<table class="width_full stripe fix free">
+		<pre class="pre_code"><code>table.width_full.striped.fix.free>tr>td*3</code></pre>
+		<table class="width_full striped fix free">
 			<tr>
 				<td>Tabelle</td>
 				<td></td>
@@ -278,7 +278,7 @@ order: 3
 			</tr>
 			</tfoot>
 		</table>
-		<pre class="pre_code"><code>table>tr>td+td.ellipsis+td[style="width: 50%"]</code></pre>
+		<pre class="pre_code"><code>table.width_full.fix>tr>td+td.ellipsis+td[style="width: 50%"]</code></pre>
 		<table class="width_full fix">
 			<tr>
 				<td>Index</td>
diff --git a/source/screens/demo/examples/game/intro.liquid b/source/screens/demo/examples/game/intro.liquid
index ac1de27..93988bd 100644
--- a/source/screens/demo/examples/game/intro.liquid
+++ b/source/screens/demo/examples/game/intro.liquid
@@ -39,7 +39,7 @@ tags:
 	<p>This needs to be seen and acknowledged.<br>So an interaction must be made to continue.</p>
 </div>
 <div id="idle" class="step op_hide">
-	<div class="mouse-overlay"></div>
+	<div class="mouse_overlay"></div>
 	<div class="hello">Hello World!</div>
 	<p class="hello">Only left mouse click or any key</p>
 </div>
diff --git a/source/screens/demo/examples/start.liquid b/source/screens/demo/examples/start.liquid
index e11d3f8..4c68c5a 100644
--- a/source/screens/demo/examples/start.liquid
+++ b/source/screens/demo/examples/start.liquid
@@ -9,7 +9,7 @@ tags:
 
 {% block body %}
 <main>
-	<form id="www-search" class="flex inline" action="https://duckduckgo.com/">
+	<form id="www_search" class="flex inline" action="https://duckduckgo.com/">
 		<input id="qrySearch" class="input_io" name="q" placeholder="Suchbegriff" type="text" required/>
 		<input class="button_io" value="Suchen" type="submit"/>
 	</form>
@@ -65,7 +65,7 @@ tags:
 		return base + '?' + params.toString();
 	}
 
-	document.getElementById('www-search').addEventListener('submit', function (e) {
+	document.getElementById('www_search').addEventListener('submit', function (e) {
 		e.preventDefault();
 		const query = document.getElementById('qrySearch').value.trim();
 
diff --git a/source/style/hippie-style b/source/style/hippie-style
index 89db97c..eb4349f 160000
--- a/source/style/hippie-style
+++ b/source/style/hippie-style
@@ -1 +1 @@
-Subproject commit 89db97c35876e4f354b86bcb7fa90e2c9da937f5
+Subproject commit eb4349f9e5fc118d05385c81c7b553252c98f211
diff --git a/source/style/modules/_start.scss b/source/style/modules/_start.scss
index 031f7f7..564e8a3 100644
--- a/source/style/modules/_start.scss
+++ b/source/style/modules/_start.scss
@@ -5,7 +5,7 @@
 		@extend .sec_main_center;
 	}
 
-	#www-search {
+	#www_search {
 		input[type="text"] {
 			flex: 1;
 			padding: hippie.$padding_basic;
diff --git a/source/style/modules/ui/_frame_module.scss b/source/style/modules/ui/_frame_module.scss
index 91182ad..9742af3 100755
--- a/source/style/modules/ui/_frame_module.scss
+++ b/source/style/modules/ui/_frame_module.scss
@@ -9,7 +9,7 @@
 }
 
 .body_frame {
-	@extend %flex-column;
+	@extend %flex_column;
 
 	background-color: hippie.$color_back_basic;
 
@@ -27,7 +27,7 @@
 	}
 
 	main {
-		@extend %flex-row;
+		@extend %flex_row;
 
 		flex: 1;
 
@@ -53,7 +53,7 @@
 		}
 
 		section {
-			@extend %flex-column;
+			@extend %flex_column;
 			gap: 0;
 		}
 	}
@@ -66,12 +66,12 @@
 }
 
 #cli {
-	@extend %flex-column;
+	@extend %flex_column;
 
 	background-color: black;
 
 	#line {
-		@extend %flex-row;
+		@extend %flex_row;
 	}
 
 	#prompt {
diff --git a/source/style/modules/ui/_new_module.scss b/source/style/modules/ui/_new_module.scss
index 4e36346..bc4fbcf 100755
--- a/source/style/modules/ui/_new_module.scss
+++ b/source/style/modules/ui/_new_module.scss
@@ -6,7 +6,7 @@ $module_top_height: 32px;
 $body_top_space: $module_top_height + hippie.$space_basic;
 
 .body_new {
-	@extend %flex-column;
+	@extend %flex_column;
 	padding: $body_top_space hippie.$space_basic hippie.$space_basic;
 }
 
diff --git a/source/style/ui.scss b/source/style/ui.scss
index 1266a3a..8663bfc 100644
--- a/source/style/ui.scss
+++ b/source/style/ui.scss
@@ -178,7 +178,7 @@ $space_gui_half: hippie.$space_half;
 		background-color: hippie.$color_back_basic;
 		transition: background-color 4s;
 
-		&:hover > .mouse-overlay {
+		&:hover > .mouse_overlay {
 			background-color: transparent !important;
 			transition: background-color hippie.$duration_basic hippie.$timing_basic 0s !important;
 		}