2014-07-12 21:22:47 +02:00
|
|
|
//
|
|
|
|
// kremalicious3
|
|
|
|
// --------------
|
|
|
|
// Search
|
|
|
|
//
|
|
|
|
|
2015-11-28 01:19:31 +01:00
|
|
|
.has-search-open
|
2015-11-19 17:53:50 +01:00
|
|
|
overflow: hidden
|
|
|
|
|
|
|
|
.site__content
|
|
|
|
transition: .2s ease-out
|
|
|
|
filter: blur(10px)
|
|
|
|
user-select: none
|
|
|
|
pointer-events: none
|
2015-08-09 18:15:40 +02:00
|
|
|
|
2014-07-13 01:58:31 +02:00
|
|
|
.search-btn
|
|
|
|
right: 50px
|
|
|
|
padding: .65em .85em
|
|
|
|
|
2014-07-12 21:22:47 +02:00
|
|
|
.site-search
|
|
|
|
margin-right: 4%
|
|
|
|
|
|
|
|
.search-close
|
|
|
|
position: absolute
|
2015-11-19 17:53:50 +01:00
|
|
|
right: 14px
|
2014-07-12 21:22:47 +02:00
|
|
|
|
|
|
|
&,
|
|
|
|
&:active
|
2015-11-19 17:53:50 +01:00
|
|
|
top: 8%
|
2014-07-12 21:22:47 +02:00
|
|
|
|
|
|
|
.search-area
|
|
|
|
@extend .transition
|
|
|
|
position: absolute
|
|
|
|
width: 100%
|
|
|
|
left: 0
|
2015-11-20 22:35:41 +01:00
|
|
|
top: -7px
|
2014-07-12 21:22:47 +02:00
|
|
|
z-index: 3
|
|
|
|
|
|
|
|
// hidden by default
|
2014-07-13 22:21:56 +02:00
|
|
|
display: none
|
2014-07-12 21:22:47 +02:00
|
|
|
|
2015-11-28 01:19:31 +01:00
|
|
|
&.is-ready
|
2014-07-13 22:21:56 +02:00
|
|
|
display: block
|
2014-07-12 21:22:47 +02:00
|
|
|
|
2015-08-18 20:55:30 +02:00
|
|
|
|
|
|
|
.search-popover
|
|
|
|
position: absolute
|
|
|
|
left: 0
|
2015-08-20 20:06:14 +02:00
|
|
|
top: 80px
|
2015-08-18 20:55:30 +02:00
|
|
|
z-index: 6
|
|
|
|
width: 100%
|
2016-04-16 19:32:58 +02:00
|
|
|
padding-top: ($spacer/2)
|
2015-08-18 20:55:30 +02:00
|
|
|
background: lighten($page-bg, 3%)
|
|
|
|
border-bottom: 1px solid rgba(255,255,255,.7)
|
|
|
|
box-shadow: 0 1px 4px alpha($brand-dark, .1)
|
|
|
|
|
2015-08-20 20:06:14 +02:00
|
|
|
@media only screen and (min-width: 40.625em) and (min-height: 650px)
|
2015-08-18 20:55:30 +02:00
|
|
|
top: 0
|
|
|
|
|
|
|
|
|
2014-07-12 21:22:47 +02:00
|
|
|
.search-results
|
2015-08-18 20:55:30 +02:00
|
|
|
@extend .list-unstyled
|
2015-08-09 21:50:06 +02:00
|
|
|
display: flex
|
2015-11-19 17:53:50 +01:00
|
|
|
align-items: center
|
|
|
|
|
2015-08-09 18:15:40 +02:00
|
|
|
|
2015-08-18 20:55:30 +02:00
|
|
|
.grid__col
|
|
|
|
padding-top: 0
|
|
|
|
|
2015-08-09 18:15:40 +02:00
|
|
|
@media $breakpoint2
|
2016-04-16 19:32:58 +02:00
|
|
|
margin-top: ($spacer/2)
|
|
|
|
margin-bottom: ($spacer/2)
|
2015-08-09 18:15:40 +02:00
|
|
|
|
|
|
|
> li
|
|
|
|
padding: 0
|
|
|
|
margin: 0
|
|
|
|
|
2014-07-13 00:42:57 +02:00
|
|
|
|
|
|
|
.search-link
|
2015-11-19 17:53:50 +01:00
|
|
|
@extend .h6, .divider-bottom
|
|
|
|
line-height: $line-height-small
|
2015-08-09 18:15:40 +02:00
|
|
|
margin: 0
|
2015-11-19 17:53:50 +01:00
|
|
|
padding: 10px 15px
|
|
|
|
min-height: 55px
|
2014-07-13 00:42:57 +02:00
|
|
|
display: block
|
2015-11-19 17:53:50 +01:00
|
|
|
display: flex
|
|
|
|
align-items: center
|
|
|
|
|
|
|
|
.search-results > li
|
|
|
|
&:nth-child(9)
|
|
|
|
&:nth-child(10)
|
|
|
|
.search-link
|
|
|
|
border-bottom: none
|
|
|
|
&:before
|
|
|
|
display: none
|