Cacher is the code snippet organizer for pro developers

.container
  #project-tabs.uk-margin-bottom
    ul.uk-tab(data-uk-switcher="{connect:'#project-tabs-content'}")
      li.uk-active
        a(href='')
          i.uk-icon-users
          span.uk-hidden-small Users
      li
        a(href='')
          i.uk-icon-user
          span.uk-hidden-small User
    ul#project-tabs-content.uk-switcher
      li
        | Duis lectus dui, posuere quis erat quis, luctus elementum ante. Sed orci turpis, tincidunt nec laoreet nec, dignissim at massa. Donec nec ipsum sed odio pharetra convallis. Donec eu sapien neque. Maecenas bibendum tellus eget efficitur consequat. Ut et dui sem. Nunc sed nisi facilisis, efficitur nisl ac, mollis est. Aliquam eget rutrum enim, eget eleifend leo.
      li
        | Nunc sed nisi facilisis, efficitur nisl ac, mollis est. Aliquam eget rutrum enim, eget eleifend leo.

<div class="container uk-text-center">
 <button class="uk-button uk-button-success" type="button" data-action="contact" data-title="Form title" data-send="Send this for me here" data-cancel="Cancel">Modal contact form</button>
</div>

.container {
  padding:20px;
  background: #c0c0c0;
  min-height: 260px;
}
/* Tabs panels
-------------------------------------------------------------- */
#project-tabs .uk-tab {
  border-bottom: none;
  position: relative;
  z-index: 2;
}
#project-tabs .uk-tab > li > a {
  border-width: 1px;
  background-color: #fff;
  border-style: inherit;
  color: #737373;
  font-weight: 500;
}
#project-tabs .uk-tab > li.uk-active > a,
#project-tabs .uk-tab > li:hover > a {
  background-color: #fff;
  border-bottom: 2px solid #2196f3;
  color: #000000;
}
#project-tabs .uk-tab > li.uk-active > a > i,
#project-tabs .uk-tab > li:hover > a > i {
  color: #2196f3;
}
#project-tabs .uk-tab > li:not(.uk-active) > a:hover,
#project-tabs .uk-tab > li:not(.uk-active) > a:focus,
#project-tabs .uk-tab > li.uk-open:not(.uk-active) > a {
  margin-bottom: 0;
  padding-bottom: 8px;
}
/* Switcher
-------------------------------------------------------------- */
#project-tabs .uk-switcher,
#project-tabs .project-tabs-content {
  position: relative;
  margin-top: -1px;
  border-top: 2px solid #dedede;
}
#project-tabs .uk-switcher > li {
  padding: 15px;
  background-color: #fff;
}