CMS v3 DESIGN LAYOUT

by Greggg

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.28/css/uikit.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.28/js/uikit.min.js"></script>
<div class="tm-page tm-page-full-width">
  <div class="">
    <div class="uk-section uk-section-default">
      Design full width
    </div>
  </div>
</div>


<p></p>

<div class="tm-page">
  <div class="uk-margin-auto">
    <div class="uk-section uk-section-default">
      Design boxed centered
    </div>
  </div>
</div>

<p></p>

<div class="tm-page">
  <div class="">
    <div class="uk-section uk-section-default">
      Design boxed left
    </div>
  </div>
</div>

CSS

html {
  background: #CAE2E5;
}

@media (min-width: 600px) {
  .tm-page:not(.tm-page-full-width)>* {
    position: relative;
    max-width: 600px;
  }
}