1

Type
body
Tags
scroll
move
view
local

Preview

Implementation

Markup
nav-1(targetdirection[icon])
ParameterDefinitionDescriptionType
targetattribute: idid selector of target viewstring
directionkeywordeither "next" or "prev"string
iconSVG: fragmentchange default button imagestring
Brief

Button to trigger animated scrolling between sections of a page. Contains 2 global SVG symbols: nav-1-fill and nav-1-stroke, the former being the default. The last argument may be used to switch between the two default icons or set your own.

Paths
  • location:  components/navigation/1
  • activate:  templates/_/mixins.pug
Dependencies
  • _.pug
  • index.styl
  • *.svg
  • _.js
Examples
#home
    // content...
    +nav-1("next")

#next
    // content...
    +nav-1("home", "prev", "nav-1-stroke")
nav-1()
import nav from 'navigation/1/_';

2

Type
menu
Tags
secondary
menu
fixed

Preview

Implementation

Markup
nav-2(anchors[hook])
ParameterDefinitionDescriptionType
anchorsURL: setnavigation linksarray, hash
hookattribute: classarbitrary style hookstring
Brief

A fixed-menu component for use on the right edge of a page.

Paths
  • location:  components/navigation/2
  • activate:  templates/_/mixins.pug
Dependencies
  • _.pug
  • index.styl
Examples
.content

    +nav-2([
        {
            href: "/lorem/",
            name: "Lorem"
        },
        {
            href: "/ipsum/",
            name: "Ipsum"
        }
    ])
nav-2()