/* Table of Contents ================================================== # Navbar # Colors # Media Queries */ /* # Navbar ================================================== */ .navbar-fixed { bottom: 0; left: 0; position: fixed; right: 0; z-index: 1030; } .navbar { background: rgba(255,255,255,1); border-collapse: separate; border-top: 2px solid rgba(230,237,242,1); box-sizing: border-box; display: table; height: 48px; table-layout: fixed; width: 100%; } .navbar > a { color: $primary-color; display: table-cell; float: none; font-size: 27px; padding: 10px 0; text-align: center; width: 1%; } /* # Colors ================================================== */ .navbar-dark { background: rgba(35,41,55,1); border-color: rgba(0,0,0,0.2); } .navbar-dark > a { color: rgba(255,255,255,1); } .navbar-light { background: rgba(245,248,250,1); border-color: rgba(225,232,237,1); } /* # Media Queries ================================================== */ @media only screen and (min-width: 768px) { .navbar { display: none; } }