/*******************************
             Shape
*******************************/

@shapeDisplay: inline-block;

/* Animating */
@shapePerspective: 2000px;

@shapeDuration: 0.6s;
@shapeEasing: ease-in-out;

@shapeHiddenSideOpacity: 0.6;
@shapeAnimatingZIndex: 100;

@transition:
  transform @shapeDuration @shapeEasing,
  left @shapeDuration @shapeEasing,
  width @shapeDuration @shapeEasing,
  height @shapeDuration @shapeEasing
;
@shapeSideTransition: opacity @shapeDuration @shapeEasing;
@shapeBackfaceVisibility: hidden;

/* Side */
@shapeSideMargin: 0em;

/*--------------
      Types
---------------*/

/* Cube */
@shapeCubeSize: 15em;
@shapeCubeBackground: #E6E6E6;
@shapeCubePadding: 2em;
@shapeCubeTextColor: @textColor;
@shapeCubeBoxShadow: 0px 0px 2px rgba(0, 0, 0, 0.3);

@shapeCubeTextAlign: center;
@shapeCubeFontSize: 2em;