PolicyGenius - Style Guide

Nav Panel

 
.mod-nav-panel
  ul
    li.header
      a.i-settings href='#users' Nulla
    li: a.i-dashboard href='#' Phasellus
    li
      a.forward.active href='#products'
        i.i-textfile
        | Maecenas
    li: a.i-mail href='#' Curabitur
    li: a.i-help href='#' Quisque
    li
      a.i-folder href='#'
        | Nunc mattis diam
        span.badge 3
    li: h5 Maximus tincidunt
    li: a.i-quote href='#' Enim auctor
    li: a.i-chat href='#' Mattis congue
    li: a.i-send href='#' Nulla vitae ultricies
  ul#users.minimizable
    li.header: a.back href='#' Morbi
    li: h5 Semper pulvinar
    li: a.i-user href='#' Tristique
    li: a.i-adduser href='#' Velit urna euismod
    li: h5 Nulla's Viverra
    li: a.i-write href='#' Cras egestas
    li: a.i-logout href='#' Velit urna
  ul#products.minimizable
    li.header: a.back href='#' Lacus
    li: h5 Quisque Maecenas
    li: a.active href='#' Nisi
    li: a href='#' Sollicitudin
    li: a href='#' Consequat
    li: a href='#' Quis
    li: a href='#' Vulputate tristique
    li: h5 Nam et consequat
    li: a href='#' Turpis
    li: a href='#' Convallis
    li: a href='#' Etiam ut ullamcorper
    li: a href='#' Tristique
    li: a href='#' Risus
    li: a href='#' Nullam
    li: a href='#' Condimentum neque
    li: a href='#' Convallis
 
$('a[href^="#"]').click(function(event) {
  // Close any open panels
  $('.open').removeClass('open');

  // Open this panel
  $(event.target.getAttribute('href')).addClass('open');

  return false;
});