Skip to content

Instantly share code, notes, and snippets.

@tim-hub
Created January 14, 2017 09:21
Show Gist options
  • Save tim-hub/fdd361799084d00899ae3c9807fddba0 to your computer and use it in GitHub Desktop.
Save tim-hub/fdd361799084d00899ae3c9807fddba0 to your computer and use it in GitHub Desktop.
uikit offcanvas example, with hide the offcanvas and the nav parent and sub example
<div id="offcanvas_side_nav" class="uk-offcanvas">
<div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
<div class="uk-offcanvas-bar">
<ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav>
<li class="uk-nav-header">
<a class="button_link_like"
id="turn_off_offcanvas"
onclick="UIkit.offcanvas.hide()"
>
Saving List
</a>
</li>
<li class="uk-nav-divider"></li>
<li>
<a href="{{ url_for=('login') }}">Login</a>
</li>
<li>
<a href="{{ url_for=('register') }}">Register</a>
</li>
<li class="uk-parent"><a href="#">...</a>
<ul class="uk-nav-sub">
<li><a href="#">...</a>
<ul>...</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<a href="#offcanvas_side_nav"
class="uk-navbar-toggle uk-navbar-flip"
data-uk-offcanvas="{mode:'reveal'}">
</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment