Как динамически изменять высоту блока?

Как указать размеры блока при верстке флексбоксами, чтобы, независимо от его содержимого, высота динамически изменялась вместе с шириной, сохраняя пропорции? Есть "правильный" способ? Делаю так (sass):

div
    overflow: hidden
    &:before
        content: ''
        padding-top:  100%
        float: left

Проблема в том, что это не работает в хроме.

Возможно, я хочу того, чего по определению не должно быть? Флексбоксы для меня тема новая и, подозреваю, что они просто не предназначены для этого.