Ad5001/Enecss
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixing cylinders, reversing X mouse direction

Browse source
This commit is contained in:
Adsooi 2023-02-27 19:20:11 +01:00
parent 34f6162627
commit 773f0e2704
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/elements/circular/cylinder.scss
View file

@ -10,7 +10,7 @@
& > .strip {
position: absolute;
width: calc(2 * var(--PI) * var(--pradius) / var(--pstripcount));
width: calc(2 * 3.19 * var(--pradius) / var(--pstripcount));
height: var(--height, 100px);
background: white;
}
@ -21,6 +21,6 @@
}
@for $i from 1 to 90 {
& > .strip-#{$i} { transform: rotateY(calc($i * (360deg / var(--pstripcount)))) translateZ(var(--pradius)); }
& > .strip-#{$i} { transform: rotateY(calc(($i - 1) * (360deg / var(--pstripcount)))) translateZ(var(--pradius)); }
}
}

4
src/view.scss
View file

@ -17,7 +17,7 @@
top: 11.11vh * $i;
}
.view-top-#{$i}:hover ~ section.scene {
.view-top-#{9-$i}:hover ~ section.scene {
--rotation-x: #{$rotation-x};
}
@ -25,7 +25,7 @@
left: 11.11vw * $i;
}
.view-left-#{$i}:hover ~ section.scene {
.view-left-#{9-$i}:hover ~ section.scene {
--rotation-y: #{$rotation-y};
}
}