{% extends 'templates/document.html' %} {% import 'components/Document/Head.html' as Head %} {% import 'components/Sidebar/Sidebar.html' as Sidebar %} {% import 'components/PageHeader/PageHeader.html' as PageHeader %} {% import 'content/Swappable/Floated/Floated.html' as Floated %} {% set ViewAttr = { id: 'Floated', parent: 'Swappable', child: 'Floated', subheading: 'Floated layouts work just like the Flexbox example. A bit of clever CSS can help mitigate any layout conflicts while dragging.' } %} {% block PageId %}{{ ViewAttr.id }}{% endblock %} {% block head %} {{ Head.render(ViewAttr) }} {% endblock %} {% block sidebar %} {{ Sidebar.render(ViewAttr, DataPages) }} {% endblock %} {% block main %} {{ PageHeader.render(ViewAttr) }} {{ Floated.render(ViewAttr.id) }} {% endblock %}