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

Version Path
slow-steps-0.1.5 _sass/navigation/breakpoints/768.sass
slow-steps-0.1.4 _sass/navigation/breakpoints/768.sass
slow-steps-0.1.3 _sass/navigation/breakpoints/768.sass
slow-steps-0.1.2 _sass/navigation/breakpoints/768.sass
slow-steps-0.1.1 _sass/navigation/breakpoints/768.sass