18 lines
441 B
SCSS
18 lines
441 B
SCSS
|
|
||
|
|
// Planes are simple two faced figures with a width and a length.
|
||
|
|
// The root element must contain to faces: front and back.
|
||
|
|
|
||
|
|
.scene figure.plane {
|
||
|
|
width: var(--width);
|
||
|
|
height: var(--height);
|
||
|
|
|
||
|
|
& > .face {
|
||
|
|
position: absolute;
|
||
|
|
width: var(--width);
|
||
|
|
height: var(--height);
|
||
|
|
|
||
|
|
&.front { transform: rotateY( 0deg); }
|
||
|
|
&.back { transform: rotateY(180deg) translateZ(1px); }
|
||
|
|
}
|
||
|
|
}
|