magical-css/docs/navbar.js

A simple, unique, and responsive CSS framework, made with SASS.

function addNav(add,page){
  document.write('<a class="section" href="../layout/index.html">Layout</a> <a href="../layout/container.html" id="container">Container</a> <a href="../layout/grid.html" id="grid">Grid</a> <a href="../layout/type.html" id="type">Typography</a> <a class="section" href="../components/index.html">Components</a> <a href="../components/badges.html" id="badge">Badge</a> <a href="../components/box.html" id="box">Box</a>  <a href="../components/breadcrumb.html" id="breadcrumb">Breadcrumb</a> <a href="../components/button.html" id="button">Button <span class="badge green">Updated</span></a> <a href="../components/colour.html" id="colour">Colour</a>  <a href="../components/comment.html" id="comment">Comment</a> <a href="../components/dropdown.html" id="dropdown">Dropdown</a> <a href="../components/error.html" id="error">Error</a> <a href="../components/footer.html">Footer <span class="badge red">New!</span></a> <a href="../components/form.html" id="form">Form</a> <a href="../components/hero.html" id="hero">Hero</a> <a href="../components/modal.html" id="modal">Modal</a> <a href="../components/navbar.html" id="navbar">Navbar</a> <a href="../components/notification.html" id="notification">Notification</a> <a href="../components/panel.html" id="panel">Panel</a>  <a href="../components/person.html" id="person">Person</a> <a href="../components/project.html" id="project">Project</a>');
  if(add){
    document.getElementById(page).classList.add("active");
  }
}