// // kremalicious3 // -------------- // Navigation // .menu-btn, .search-btn @extend .textcenter line-height: 1em vertical-align: middle display: inline-block margin: 0 position: absolute right: 0 top: -($line-height-computed/4) &:focus outline: 0 .icon &.icon-entypo-menu width: 24px height: 24px &:hover .icon, &:focus .icon fill: $link-color &:active background: transparent transition: none .icon fill: darken($link-color, 30%) .menu-btn margin-right: -.5em padding: .5em .7em // Main Navigation ///////////////////////////////////// .nav-popover @extend .divider-top, .list-unstyled padding: $line-height-computed 0 margin-top: $line-height-computed margin-bottom: 0 width: 100% background: $body-bg display: flex // .nav-popver overwrite margin-left: 0 // .grid overwrite .grid__col padding-top: 0 opacity: 0 .has-menu-open & opacity: 1 .nav-link @extend .category text-shadow: 0 1px 0 rgba(#fff, .5) padding: $padding-base-vertical $padding-base-horizontal margin-bottom: 0 margin-top: 0 display: block border: none // Paginator ///////////////////////////////////// .paginator padding-top: ($line-height-computed*2) padding-bottom: ($line-height-computed*2) .icon margin-bottom: -3px p margin-bottom: 0; .paginator-next text-align: right .paginator-pages @extend .textcenter, .dimmed font-size: $font-size-small .paginator-number font-size: $font-size-base color: $text-color-light padding: 0 2px .paginator-title @extend .page-title