A Pen by Damon Tian

Thumbnail
This awesome code was written by damontian1, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright damontian1 ©
  • HTML
  • CSS
  • JavaScript
    <div class="navbar-fixed">
  <nav class="blue">
    <div class="nav-wrapper">
      <div class="container">
        <a href="#" class="brand-logo">Logo</a>
        <a href="#" class="sidenav-trigger" data-target="slide-out">
          <i class="material-icons">menu</i>
        </a>
        <ul class="right hide-on-small-only">
          <li><a href="sass.html">Sass</a></li>
        </ul>
      </div>
    </div>
  </nav>
</div>
<ul id="slide-out" class="sidenav">
  <li><a href="sass.html">Sass</a></li>
  <li><a href="badges.html">Components</a></li> 
</ul>

/*Downloaded from https://www.codeseek.co/damontian1/a-pen-by-damon-tian-bMEOEe */
    /*----------------------
    Top 3 Features
-----------------------*/
/*
 * 1. Feature 1
 * 2. Feature 2
 * 3. Feature 3
 */

/*----------------------
  Color & Font Scheme
-----------------------*/
$color-primary: #000;
$color-secondary: #000;
$color-highlight: #000;
$color-text: #000;
$text-title: "Arial";
$text-body: "Tahoma";

/*----------------------
        Fixes
-----------------------*/
* {
  box-sizing: border-box;
}

/*----------------------
      Desktop Styles
-----------------------*/
section#grid {}

/*----------------------
      Mobile Styles
-----------------------*/
@media all and (max-width: 768px) {}
@media all and (max-width: 992px) {}


/*Downloaded from https://www.codeseek.co/damontian1/a-pen-by-damon-tian-bMEOEe */
    var elem = document.querySelector('.sidenav');
var instance = M.Sidenav.init(elem, {});

Comments