doctype html
html
  head
    meta(charset='utf-8')
    title yeti.css • &yet's visual style guide
    meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0')

    link(href='public/css/andlight.css', rel='stylesheet')
    link(href='public/css/main.min.css', rel='stylesheet')

    link(rel='icon', type='image/png', href='/public/img/favicon.png')

    script(src='//use.typekit.net/jle1tuk.js')
    script. 
      try{Typekit.load();}catch(e){}

  header(role='banner')
    .container
      .cf
        a(href='https://github.com/andyet/yeticss', title='See on Github', class='button button-primary pull-right') See on Github
      h1 yeti.css
      p &yet's lightweight, modular pattern library written in Stylus.

  nav(class='top-nav top-nav-light cf main-nav', role='navigation')

    input(id='menu-toggle', class='menu-toggle', type='checkbox')
    label(for='menu-toggle') Menu

    ul.list-unstyled.list-inline.cf
      li
        a(href='#typography') Typography
      li
        a(href='#colors') Colors
      li
        a(href='#grid') Grid
      li
        a(href='#buttons') Buttons
      li
        a(href='#forms') Forms
      li
        a(href='#progress') Progress Bars
      li
        a(href='#tables') Tables
      li
        a(href='#messages') Messages
      li
        a(href='#navigation') Navigation
      li
        a(href='#modals') Modals
      li
        a(href='#media') Media
      li
        a(href='#code') Code
      li
        a(href='#logos') Logos

  .container

    include typography
    include colors 
    include grid
    include buttons
    include forms
    include progress
    include tables
    include messages
    include navigation
    include modals
    include avatars
    include media
    include code
    include logos  

  footer(role='contentinfo')
    .container
      
      nav(role='navigation')
        ul.list-unstyled.list-inline
          li: a(href='https://github.com/andyet/yeticss') Github
          li: a(href='https://github.com/andyet/yeticss/releases') Releases
          li: a(href='https://github.com/andyet/yeticss/blob/gh-pages/CONTRIBUTING.md') Contributing

      p Designed and built by <a href='https://twitter.com/fox'>@fox</a>.
      p Maintained with invaluable help of <a href='https://github.com/andyet/yeticss/graphs/contributors'>contributors</a>.

      a(href='http://andyet.com/', class='logo')

  script(src='public/js/highlight.pack.js')
  script.
    hljs.configure({
      tabReplace: '  ',
      classPrefix: ''
    });
    hljs.initHighlightingOnLoad();