IRMA css

Source: src/layouts/index.scss, line 1

4 Layouts

Source: src/layouts/center.scss, line 1

4.1 Center

Center the content in its parent. Both vertically and horizontally.

Example

<section class="irma-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

4.2 Popup

Overlay content over the page

Example

<section class="irma-web-popup">
  <section style="width: 300px; height: 300px; background-color: blue">
   <button onclick="document.querySelector('.irma-web-popup').classList.remove('irma-web-popup-active')">Close popup</button>
  </section>
</section>
<button onclick="document.querySelector('.irma-web-popup').classList.add('irma-web-popup-active')">Open popup</button>