Modal

<p>
    loreLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam
    erat volut
</p>
<p>
    loreLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam
    erat volut
</p>
<p>
    loreLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam
    erat volut
</p>
<p>
    loreLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam
    erat volut
</p>
<p>
    loreLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam
    erat volut
</p>
<div class="modal-outer open">
    <div class="modal-inner">
        <div class="modal-header">
            <h2 class="title">
                Modal title
            </h2>
            <button class="close-modal">
        <svg>
          <use xlink:href="/spritemap.svg#cross"></use>
        </svg>
      </button>
        </div>
        <div class="modal-body">
            <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.
            </p>
        </div>
        <div class="modal-footer text-right">
            <button class="btn-fill btn-sm">
        Ok
      </button>
        </div>
    </div>
</div>
<p>
  loreLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo,
  ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem
  non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat
  condimentum. Aliquam erat volut
</p>
<p>
  loreLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo,
  ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem
  non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat
  condimentum. Aliquam erat volut
</p>
<p>
  loreLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo,
  ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem
  non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat
  condimentum. Aliquam erat volut
</p>
<p>
  loreLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo,
  ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem
  non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat
  condimentum. Aliquam erat volut
</p>
<p>
  loreLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo,
  ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem
  non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat
  condimentum. Aliquam erat volut
</p>
<div class="modal-outer open">
  <div class="modal-inner">
    <div class="modal-header">
      <h2 class="title">
        Modal title
      </h2>
      <button class="close-modal">
        <svg>
          <use xlink:href="/spritemap.svg#cross"></use>
        </svg>
      </button>
    </div>
    <div class="modal-body">
      <p>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo,
        ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio
        lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae
        ligula volutpat condimentum.
      </p>
    </div>
    <div class="modal-footer text-right">
      <button class="btn-fill btn-sm">
        Ok
      </button>
    </div>
  </div>
</div>
/* No context defined for this component. */

There are no notes for this item.