Current Directory: /home/astoriaah/www/templates/yootheme/vendor/yootheme/theme/modules/styler/tests
Viewing File: /home/astoriaah/www/templates/yootheme/vendor/yootheme/theme/modules/styler/tests/overlay.html
<div class="uk-section uk-section-default uk-flex uk-flex-middle" uk-height-viewport>
<div class="uk-width-1-1">
<div class="uk-container">
<div class="uk-child-width-1-3@m" uk-grid>
<div>
<h2>Default</h2>
<div class="uk-inline">
<canvas width="800" height="600" class="test-img"></canvas>
<div class="uk-overlay uk-overlay-default uk-position-bottom">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
<div>
<h2>Primary</h2>
<div class="uk-inline">
<canvas width="800" height="600" class="test-img"></canvas>
<div class="uk-overlay uk-overlay-primary uk-position-bottom">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
<div>
<h2>Icon</h2>
<div class="uk-inline">
<canvas width="800" height="600" class="test-img"></canvas>
<div class="uk-position-center">
<span uk-overlay-icon></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>