mixin sectionLink(name)
  li.sidebar__link
    a.link(href="##{name}")= name.charAt(0).toUpperCase() + name.slice(1)

html
  head
    title Table Styles

    if development
      link(rel="stylesheet", href="/styles/table-styles.css")
      link(rel="stylesheet", href="/styles/examples.css")
      link(rel="stylesheet", href="/bower_components/prism/themes/prism.css")
    else
      link(rel="stylesheet", href="styles/table-styles.css")
      link(rel="stylesheet", href="styles/examples.css")
      link(rel="stylesheet", href="bower_components/prism/themes/prism.css")
    meta(name="viewport", content="width=device-width, initial-scale=1")

  body.with-navbar
    nav.navbar
      .container
        .table-logo--small

    .container
      ul.sidebar
        li.sidebar__link
          label.label General
        +sectionLink("fonts")
        +sectionLink("colors")
        +sectionLink("buttons")
        +sectionLink("forms")
        +sectionLink("avatars")
        +sectionLink("list-items")
        +sectionLink("cards")
        // +sectionLink("profiles")
        +sectionLink("projects")
        // +sectionLink("tables")
        // +sectionLink("messages")
        // +sectionLink("notifications")
        +sectionLink("icons")
        +sectionLink("badges")

      .sidebar--content


        .example__top
          h1.header--large Table Styles examples
        section#fonts.example__section
          include ./fonts
        section#colors.example__section
          include ./colors
        section#buttons.example__section
          include ./buttons
        section#forms.example__section
          include ./forms
        section#avatars.example__section
          include ./avatars
        section#list-items.example__section
          include ./list-items
        section#cards.example__section
          include ./cards
        // section#profiles.example__section
          // include ./profiles
        section#projects.example__section
          include ./projects
        // section#tables.example__section
          // include ./tables
        // section#messages.example__section
          // include ./messages
        // section#notifications.example__section
          // include ./notifications
        section#icons.example__section
          include ./icons
        section#badges.example__section
          include ./badges
    if development
      script(src="/bower_components/prism/prism.js")
    else
      script(src="bower_components/prism/prism.js")