Upgrade swiftype to 2.0 library and added a results page for searches

This commit is contained in:
Alex Wolfe
2016-10-12 09:48:30 -07:00
committed by Naomi Black
parent cdfe957ab8
commit 5732b07423
12 changed files with 110 additions and 34 deletions
+1
View File
@@ -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';
+47
View File
@@ -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;