Skip to content

Latest commit

 

History

History
59 lines (51 loc) · 1.52 KB

document.md

File metadata and controls

59 lines (51 loc) · 1.52 KB
Raw

Class structure

class required multiple
.elk-app required no
.elk-header no yes
.elk-container required no
.elk-footer no yes
.elk-side no yes
.elk-side-header no yes
.elk-side-content no (required, if .app-side ) no
.elk-side-footer no no
.elk-main required no
.elk-main-header no yes
.elk-main-content required no
.elk-main-footer no yes

Fixed Page Options

elk-app fixed

Elektron is fluid by default. Can be used as fixed on will. All that's needed to be done is to add .is-fixed class to elk-app element.

<body class="elk-app is-fixed">
  ...
</body>

elk-main fixed

All that's needed to be done is to add .is-fixed class to elk-app and is-fixed class to elk-main elements. For example :

<body class="elk-app is-fixed">
  <div class="elk-main is-fixed">
    ...
  </div>
</body>

sticky top bar

<!-- BEGIN .elk-header -->
<header class="elk-header is-sticky">
    <a href="#elk-side" data-toggle="onoffcanvas" class="onoffcanvas-toggler" aria-expanded=false></a>
    <span>APP HEADER</span>
</header>
<!-- END:  .elk-header -->

sticky bottom bar

<!-- begin .elk-footer -->
 <footer class="elk-footer is-sticky">
    <p>
      elektron v0.5.2 2018
    </p>
</footer>
<!-- END: .elk-footer -->