27 lines
727 B
SCSS
27 lines
727 B
SCSS
|
|
|
|
.scene figure.cylinder {
|
|
// Two parameters: height (y), radius (x,z), and strip-count (number of strip, up to 90)
|
|
width: calc(var(--radius, 20px) * 2);
|
|
height: var(--height, 100px);
|
|
|
|
--pradius: var(--radius, 20px);
|
|
--pstripcount: var(--strip-count, 24);
|
|
|
|
& > .strip {
|
|
position: absolute;
|
|
width: calc(2 * var(--PI) * var(--pradius) / var(--pstripcount));
|
|
height: var(--height, 100px);
|
|
background: white;
|
|
}
|
|
|
|
&.debug > .strip {
|
|
border: solid red;
|
|
border-width: 2px 0;
|
|
}
|
|
|
|
@for $i from 1 to 90 {
|
|
& > .strip-#{$i} { transform: rotateY(calc($i * (360deg / var(--pstripcount)))) translateZ(var(--pradius)); }
|
|
}
|
|
}
|