Upgrade swiftype to 2.0 library and added a results page for searches
This commit is contained in:
@@ -48,6 +48,7 @@
|
||||
@import 'module/card';
|
||||
@import 'module/hover-card';
|
||||
@import 'module/modal';
|
||||
@import 'module/search';
|
||||
@import 'module/shadow';
|
||||
@import 'module/showcase';
|
||||
@import 'module/statement';
|
||||
|
||||
@@ -0,0 +1,47 @@
|
||||
/*
|
||||
* Search Module
|
||||
*
|
||||
* Module for search input and results
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
* Variables
|
||||
*/
|
||||
|
||||
$unit: 8px !default;
|
||||
$search-field: '.search-field';
|
||||
$search-results: '.search-results';
|
||||
$search-height: 104px;
|
||||
$search-width: 752px;
|
||||
|
||||
|
||||
/*
|
||||
* Class
|
||||
*/
|
||||
|
||||
#{$search-results} {
|
||||
|
||||
#{$search-field} {
|
||||
background: $white;
|
||||
border: 1px solid $blue-grey-100;
|
||||
border-radius: 2px;
|
||||
box-sizing: border-box;
|
||||
color: $blue-grey-500;
|
||||
font-size: 16px;
|
||||
height: $unit * 5;
|
||||
margin-bottom: $unit * 4;
|
||||
padding: 0 $unit;
|
||||
width: 100%;
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
background: rgba($amber-50, .24);
|
||||
border: 1px solid $blue-500;
|
||||
color: $blue-500;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@@ -80,6 +80,7 @@ $sidenav-width: 240px;
|
||||
}
|
||||
|
||||
input {
|
||||
background: $white;
|
||||
border: none;
|
||||
border-radius: 200px;
|
||||
box-sizing: border-box;
|
||||
|
||||
Reference in New Issue
Block a user