// // kremalicious3 // -------------- // Search // .search-open overflow: hidden .site__content transition: .2s ease-out filter: blur(10px) user-select: none pointer-events: none .search-btn right: 50px padding: .65em .85em .site-search margin-right: 4% .search-close position: absolute right: 14px &, &:active top: 8% .search-area @extend .transition position: absolute width: 100% left: 0 top: 0 z-index: 3 // hidden by default display: none &.ready display: block .search-popover position: absolute left: 0 top: 80px z-index: 6 width: 100% padding-top: ($line-height-computed/2) background: lighten($page-bg, 3%) border-bottom: 1px solid rgba(255,255,255,.7) box-shadow: 0 1px 4px alpha($brand-dark, .1) @media only screen and (min-width: 40.625em) and (min-height: 650px) top: 0 .search-results @extend .list-unstyled display: flex align-items: center .grid__col padding-top: 0 @media $breakpoint2 margin-top: ($line-height-computed/2) margin-bottom: ($line-height-computed/2) > li padding: 0 margin: 0 .search-link @extend .h6, .divider-bottom line-height: $line-height-small margin: 0 padding: 10px 15px min-height: 55px display: block display: flex align-items: center .search-results > li &:nth-child(9) &:nth-child(10) .search-link border-bottom: none &:before display: none