interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

feat: Change - to _ for selector names

Browse source
This commit is contained in:
sthag 2026-03-15 12:25:23 +01:00
parent 245227d7e9
commit d533563569
9 changed files with 16 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

2
source/code/hippie/app.js
View file

@ -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');

6
source/screens/demo/components.liquid
View file

@ -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>

2
source/screens/demo/examples/game/intro.liquid
View file

@ -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>

4
source/screens/demo/examples/start.liquid
View file

@ -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();

2
source/style/hippie-style

@ -1 +1 @@
Subproject commit 89db97c35876e4f354b86bcb7fa90e2c9da937f5
Subproject commit eb4349f9e5fc118d05385c81c7b553252c98f211

2
source/style/modules/_start.scss
View file

@ -5,7 +5,7 @@
@extend .sec_main_center;
}
#www-search {
#www_search {
input[type="text"] {
flex: 1;
padding: hippie.$padding_basic;

10
source/style/modules/ui/_frame_module.scss
View file

@ -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 {

2
source/style/modules/ui/_new_module.scss
View file

@ -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;
}

2
source/style/ui.scss
View file

@ -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;
}