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

feat: Changes to event handling and steps

Browse source 
- New idle object
- New handlers for idle state
- Idle uses global colors
- Add mouse over style to idle
- Set pointer events style from js
- Reindent ui index
This commit is contained in:
sthag 2025-05-18 11:20:48 +02:00
parent fe2261fda5
commit 13b9318f56
4 changed files with 159 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

17
source/style/ui.scss
View file

@ -44,7 +44,6 @@ $z-indexes: (
align-items: center;
justify-content: center;
background-color: white;
pointer-events: none;
}
#bar {
@ -113,7 +112,6 @@ $z-indexes: (
align-items: center;
justify-content: center;
background-color: black;
pointer-events: none;
h1,
p,
@ -154,19 +152,26 @@ $z-indexes: (
align-items: center;
justify-content: center;
height: 100vh;
background-color: $color_back_basic;
}
#agreement {
flex-direction: column;
background-color: $bravo_color;
h1 {
margin-top: 0;
color: $color_brightest;
}
}
#idle {
pointer-events: none;
background-color: $color_back_basic;
transition: background-color 1s;
&:hover>.mouse_over {
background-color: transparent !important;
transition: background-color $duration_basic $timing_basic 0s !important;
}
}
.toast {
@ -188,8 +193,8 @@ $z-indexes: (
.hello {
flex: 0 1 auto;
padding: 1em 2em;
// background-color: rgba(black, .25);
background-color: $color_darker;
background-color: rgba($color_bright, .5);
font-family: $family_text_mono;
}
@import "modules/ui/new_module";