Skip to content
Snippets Groups Projects
Select Git revision
  • d09e47bd32a5f107c96c7b63c33b5b7450226bf5
  • main default protected
  • ui-rewrite
3 results

_navigation.sass

Blame
    • _navigation.sass 1002 B
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43 
    

    

    

    nav
  position: sticky
  top: 0
  background: #333333
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
  padding: 0 16px
  z-index: 100
  ul
    display: flex
    max-width: 1024px
    margin: 0 auto
    height: 56px
    align-items: center
    li, li > *
      color: #282828
      text-decoration: none
    li
      display: block
      line-height: 24px
      .images, .albums
        @media (max-width: 640px)
          display: none
      &.title, &.title > *
        font-size: 24px
        color: #FFC107
        font-weight: 700
      &.spacer
        flex-grow: 1
      &:not(.spacer)
        margin: 0 8px
        &:first-child
          margin-left: 0
        &:last-child
          margin-right: 0
        &:not(.title) a
          display: block
          background: #FFC107
          padding: 4px 16px
          border-radius: 2px
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
          &:hover, &:focus
            background: #FFD54F
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)