Daniel dbeach

At times it might be useful to separate the facets block from the search input and results. Here is how you can do that:

We will need to add two container elements to index.html so that we can use them as rootElements for the two applications.
Define both of our new apps at the top of spyglass-app.js. The facets app does not need to monitor the url, it just needs to observe the primary spyglass app.
Remove the current facets from the search.hbs template
Add a new sidebarApp.hbs and sidebarFacets.hbs templates to render the faets app.

	@mixin grid($columns, $gutter: 0, $span: 1, $last: false, $nth: false, $prepend: 0, $append: 0, $padding-allowance: 0)
	// Single column minus gutters

	$column-width: (100 - ($columns - 1) * $gutter) / $columns
	// Column width times # of columns + inner gutters
	width: $column-width * $span + $gutter * ($span - 1) - $padding-allowance + 0%
	@if $last
	margin-right: 0
	@else
	margin-right: $gutter + 0%

	/*
	Install these custom styles,
	Your eye sockets will thank you.
	*/

	.dashboard {float: right;}
	.content-main {float: left;}
	.trends, [data-component-term=user_recommendations], .site-footer {display: none;}