Расширение активного окна в 3d кубе
 

Добрый вечер.

У меня есть куб http://codepen.io/valoft/pen/xqbeLm

Он хорошо работает, поворачивается нужными сторонами, но мне нужно в него написать контент. А лицевая сторона маленькая всего 300 пикселей и если я её увеличу скажем до 90vw и 90vh, то куб весь расползется распадется и будет некрасивым. Я бы хотел чтобы после поворота лицевая сторона увеличивалась до этих значений, а когда кликаем другую сторону, чтобы она уменьшалась до дефолтных 300 пикселей (скажем при участии setTimeOut), разворачивалась и та другая сторона увеличивала свою ширину и высоту. И так далее.

Функция что то типа

$(function() {
if ($('.side').css('transform', 'rotate (0deg)'){
$('.side').css('width: 90vw', 'height: 90vh');
});

if click another side this side css.default('width: 300px', 'height: 300px')
});

Только я не могу понять как правильно её реализовать, чтобы работала. Помогите пожалуйста!