Sha256: b7640e5ae667e2591007e679b882006c547f95176f496797e1465b44d8e994da
Contents?: true
Size: 1.46 KB
Versions: 5
Compression:
Stored size: 1.46 KB
Contents
// Navigation styling for breakpoint 768 // Avoid declaring any styling like color etc. // These will be decalred in _sass/naviagtion/env/ // Everything here will be included in EVERY .html @media screen and ( min-width: 768px ) .navbar height: $navbar-height align-items: center .nav-brand display: flex position: absolute max-width: 160px height: 10vh z-index: 999 top: 7.5vh .site__logo position: absolute top: 30% height: 40% .nav-list display: flex justify-content: flex-end align-items: center height: inherit top: 0 transform: none border-top: none height: 5vh padding: 0 background-color: inherit .nav-group padding: 0 2rem .nav-link align-items: center padding: 0 height: auto opacity: 1 margin: 0 overflow: hidden // Surround current link with lines .current--url &:before, &:after content: "" display: inline-block height: 2px position: relative vertical-align: middle width: 6% &:before right: 0.5em margin-left: -10% &:after left: 0.5em margin-right: -10% .nav-group-content align-items: center justify-content: flex-end position: absolute top: 5vh left: 0 width: 100vw padding: 0 height: $secondary-navbar-height backdrop-filter: blur(20px) .nav-group-content .nav-link margin: 0 .burger display: none
Version data entries
5 entries across 5 versions & 1 rubygems