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 fragment = document.createDocumentFragment();
const overlay = document.createElement('div'); const overlay = document.createElement('div');
overlay.id = 'mouse-overlay'; overlay.id = 'mouse_overlay';
if (initState) { if (initState) {
overlay.classList.add('active'); overlay.classList.add('active');

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

@ -221,8 +221,8 @@ order: 3
</tr> </tr>
</tbody> </tbody>
</table> </table>
<pre class="pre_code"><code>table.width_full.stripe.fix.free>tr>td*3</code></pre> <pre class="pre_code"><code>table.width_full.striped.fix.free>tr>td*3</code></pre>
<table class="width_full stripe fix free"> <table class="width_full striped fix free">
<tr> <tr>
<td>Tabelle</td> <td>Tabelle</td>
<td></td> <td></td>
@ -278,7 +278,7 @@ order: 3
</tr> </tr>
</tfoot> </tfoot>
</table> </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"> <table class="width_full fix">
<tr> <tr>
<td>Index</td> <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> <p>This needs to be seen and acknowledged.<br>So an interaction must be made to continue.</p>
</div> </div>
<div id="idle" class="step op_hide"> <div id="idle" class="step op_hide">
<div class="mouse-overlay"></div> <div class="mouse_overlay"></div>
<div class="hello">Hello World!</div> <div class="hello">Hello World!</div>
<p class="hello">Only left mouse click or any key</p> <p class="hello">Only left mouse click or any key</p>
</div> </div>

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

@ -9,7 +9,7 @@ tags:
{% block body %} {% block body %}
<main> <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 id="qrySearch" class="input_io" name="q" placeholder="Suchbegriff" type="text" required/>
<input class="button_io" value="Suchen" type="submit"/> <input class="button_io" value="Suchen" type="submit"/>
</form> </form>
@ -65,7 +65,7 @@ tags:
return base + '?' + params.toString(); return base + '?' + params.toString();
} }
document.getElementById('www-search').addEventListener('submit', function (e) { document.getElementById('www_search').addEventListener('submit', function (e) {
e.preventDefault(); e.preventDefault();
const query = document.getElementById('qrySearch').value.trim(); 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; @extend .sec_main_center;
} }
#www-search { #www_search {
input[type="text"] { input[type="text"] {
flex: 1; flex: 1;
padding: hippie.$padding_basic; padding: hippie.$padding_basic;

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

@ -9,7 +9,7 @@
} }
.body_frame { .body_frame {
@extend %flex-column; @extend %flex_column;
background-color: hippie.$color_back_basic; background-color: hippie.$color_back_basic;
@ -27,7 +27,7 @@
} }
main { main {
@extend %flex-row; @extend %flex_row;
flex: 1; flex: 1;
@ -53,7 +53,7 @@
} }
section { section {
@extend %flex-column; @extend %flex_column;
gap: 0; gap: 0;
} }
} }
@ -66,12 +66,12 @@
} }
#cli { #cli {
@extend %flex-column; @extend %flex_column;
background-color: black; background-color: black;
#line { #line {
@extend %flex-row; @extend %flex_row;
} }
#prompt { #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_top_space: $module_top_height + hippie.$space_basic;
.body_new { .body_new {
@extend %flex-column; @extend %flex_column;
padding: $body_top_space hippie.$space_basic hippie.$space_basic; 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; background-color: hippie.$color_back_basic;
transition: background-color 4s; transition: background-color 4s;
&:hover > .mouse-overlay { &:hover > .mouse_overlay {
background-color: transparent !important; background-color: transparent !important;
transition: background-color hippie.$duration_basic hippie.$timing_basic 0s !important; transition: background-color hippie.$duration_basic hippie.$timing_basic 0s !important;
} }