Contents

nav
  a:link, a:visited
    text-decoration: none
    display: block
    color: $body-color
    padding: 0.25em 0.5em
    @include easeInOut

    &:hover
      color: $primary-color

.ae-nav-item, .ae-page-item
  &.active
    a:link, a:visited
      color: $primary-color

      .fa
        color: #fff

.ae-nav-left
  float: left

.ae-nav-right
  float: right

.ae-page-item
  & > a
    @include button

.ae-nav-main
  @include tablet-max
    float: none

    .ae-list-inline .ae-nav-item
      display: inline-block
      float: none

.ae-breadcrumbs
  .ae-nav-item
    position: relative

    &:not(:first-of-type)
      margin-left: 0.5em

    &:after
      content: " »"
      position: absolute
      top: 0.3em
      right: -0.3em
      color: $icon-color

.ae-mega-menu
  .ae-mega-menu-title
    padding:
      top: 0
      left: 0.5em
      right: 0.5em
    margin-bottom: 1em

  .ae-mega-menu-close
    text-decoration: none

  .ae-nav-mega-menu-content
    background: #fff
    padding: 1em
    @include box-shadow(0, 0px, 5px, 0, $border-light)
    @include border-radius(2px)


  [class*="ae-nav-mega-menu-list"]
    max-height: 140px
    overflow: scroll

  .ae-nav-mega-menu-list-icons
    .ae-nav-mega-menu-item
      border-right: 1px solid $border-light
      padding: 1em
      text-align: center

  .ae-nav-mega-menu-list
    .ae-nav-mega-menu-item
      padding: 0.5em
      text-align: left

      a:link
        display: block

      img
        display: inline-block
        vertical-align: middle
        margin-right: 1em
        margin-bottom: 0
        width: 25px

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
express_ui-0.1.1	app/assets/stylesheets/express_ui/molecules/_nav.sass
express_ui-0.1.0	app/assets/stylesheets/express_ui/molecules/_nav.sass