11.2 #Objects.duk-responsive-square Responsive square
A square that retains its aspect ratio as it is resized. Uses duk-responsive-aspect-ratio().
Example
I am a responsive square
Markup
<div class="duk-responsive-square" style="max-width: 400px">
<div class="duk-island--primary">I am a responsive square</div>
</div>
Source:
scss/objects/_responsive-aspect-ratio.scss, line 6