User Manual

Highlight-box

A component that can contain anything. But it will highlight the content within by placing it more in focus using a border for example.

Default

  • item 1
  • item 2
  • item 3

    
      

  

<div class="m-highlight-box ">

  <div class="m-highlight-box__content">
    

<ul class="m-list m-list--with-icons ">
  

    <li class="m-list__item  icon-checkmark">item 1</li>

  

    <li class="m-list__item  icon-checkmark">item 2</li>

  

    <li class="m-list__item  icon-checkmark">item 3</li>

  
</ul>


  </div>

</div>