Source: src/layouts/index.scss, line 1
Source: src/layouts/index.scss, line 1
Source: src/layouts/center.scss, line 1
Center the content in its parent. Both vertically and horizontally.
<section class="yivi-web-center-child" style="** Parent styles ** width: 100%; height: 500px; border: 2px solid red;">
<section style="width: 300px; height: 300px; background-color: blue"></section>
</section>
Source: src/layouts/popup.scss, line 1
Overlay content over the page
<section class="yivi-web-popup">
<section style="width: 300px; height: 300px; background-color: blue">
<button onclick="document.querySelector('.yivi-web-popup').classList.remove('yivi-web-popup-active')">Close popup</button>
</section>
</section>
<button onclick="document.querySelector('.yivi-web-popup').classList.add('yivi-web-popup-active')">Open popup</button>