// // kremalicious3 // -------------- // Navigation // .menu-btn, .search-btn @extend .textcenter line-height: 1em vertical-align: middle display: inline-block margin: 0 position: absolute right: 0 top: 0 &:focus outline: 0 .icon &:hover, &:focus fill: $link-color &:active fill: #fff &.icon-entypo-menu width: 24px height: 24px // Main Navigation ///////////////////////////////////// .nav-main .menu-btn margin-right: -.5em padding: .5em .7em // icon &:before font-size: 26px li display: inline-block .nav-popover @extend .clearfix padding: ($line-height-computed*1.5) 0 width: 100% background: $body-bg .nav-link @extend .h6, .alignleft, .textcenter text-shadow: 0 1px 0 rgba(#fff, .5) padding: .5em 1em margin-bottom: 0 width: 50% color: $text-color-dimmed text-transform: uppercase @media $breakpoint2 width: 33.3% &:hover, &:focus color: $link-color border-bottom-color: $link-color background: rgba(255,255,255,.5) &:active background: $link-color top: 0 color: #fff // Paginator ///////////////////////////////////// .paginator @extend .clearfix .icon margin-bottom: -3px .paginator-next @extend .alignright text-align: right .paginator-previous @extend .alignleft .paginator-number font-size: $font-size-small color: $brand-grey-light .paginator-title @extend .h3, .heading-band color: $brand-grey-light margin-bottom: 0