edit: reduced motion mode

This commit is contained in:
2026-08-04 23:05:28 +02:00
parent db59f2ae48
commit c223ab281c
6 changed files with 55 additions and 48 deletions
+18 -14
View File
@@ -4,21 +4,16 @@
--main-color: #000000;
}
/*================ ANIMATION ======================*/
/*================ DESACT DEFAULT ======================*/
/*================ BODY ======================*/
html{
margin: 0;
padding: 0;
scrollbar-color: var(--back-color) var(--main-color);
background-color: var(--main-color);
min-height: 100vh;
height: 100%;
width: 100%;
overflow-x: hidden;
overflow-y: scroll;
position: relative;
z-index: -33;
}
@@ -26,13 +21,13 @@ html{
body{
margin: 0;
padding: 0;
width: 100%;
height: auto;
overflow-y: hidden;
position: relative;
z-index: -33;
box-sizing: border-box;
}
/*================ CLASSES COMMUNES ======================*/
/*================ STRUCTURE ======================*/
header{
@@ -106,7 +101,7 @@ header{
}
video{
noscript > video{
height: 110%;
width: auto;
position: absolute;
@@ -114,6 +109,14 @@ video{
z-index: -32;
}
.cute-texture-video{
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: -33;
}
.openBackground{
visibility: collapse;
}
@@ -139,7 +142,7 @@ main{
align-self: end;
justify-self: end;
color: var(--main-color);
13.12px
position: relative;
z-index: 33;
@@ -449,7 +452,6 @@ main{
justify-content: space-between;
align-items: center;
padding: 16.1px;
}
.solidBox:has(details[open]){
@@ -464,6 +466,7 @@ main{
details{
cursor: default;
}
}
.iconBtnStyle{
@@ -478,6 +481,7 @@ main{
details{
width: 100%;
cursor: copy;
overflow: hidden;
summary{
display: flex;
flex-direction: row;
+12
View File
@@ -0,0 +1,12 @@
@media (prefers-reduced-motion: reduce){
noscript > video,
.cute-texture,
.cute-texture-video{
visibility: collapse !important;
display: none !important;
}
main aside #openMsg{
animation: none !important;
}
}