Import the pebble dev site into devsite/

third_party/jquery-mmenu/sass/mmenu/addons/jquery.mmenu.searchfield.scss

@@ -0,0 +1,125 @@
+/*
+	jQuery.mmenu searchfield addon CSS
+*/
+
+@import "../inc/variables";
+
+.mm-search,
+.mm-search input
+{
+	box-sizing: border-box;
+}
+.mm-list 
+{
+	> li.mm-search
+	{
+		padding: $mm_padding;
+		margin-top: -( $mm_padding * 2 );
+	}
+	> li.mm-subtitle + li.mm-search
+	{
+		margin-top: 0;
+	}
+}
+div.mm-panel > div.mm-search
+{
+	padding: 0 0 $mm_padding 0;
+}
+.mm-menu.mm-hasheader .mm-list > li.mm-search
+{
+	margin-top: 0;
+}
+.mm-menu > .mm-search
+{
+	background: inherit;
+	width: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 2;
+}
+.mm-search
+{
+	padding: $mm_padding;
+
+	input
+	{		
+		border: none;
+		border-radius: $mm_searchfieldHeight;
+		font: inherit;
+		font-size: $mm_fontSize;
+		line-height: $mm_searchfieldHeight;
+		outline: none;
+		display: block;
+		width: 100%;
+		height: $mm_searchfieldHeight;
+		margin: 0;
+		padding: 0 $mm_padding;
+	}
+	input::-ms-clear
+	{
+		display: none;
+	}
+}
+
+.mm-menu .mm-noresultsmsg
+{
+	text-align: center;
+	font-size: round( $mm_fontSize * 1.5 );
+	display: none;
+	padding: ( $mm_btnSize * 1.5 ) 0;
+	
+	&:after
+	{
+		border: none !important;
+	}
+}
+.mm-noresults .mm-noresultsmsg
+{
+	display: block;
+}
+
+$mm_paddingBeneathHeader: $mm_padding * 2 !default;
+.mm-menu
+{
+	li.mm-nosubresults > a.mm-subopen
+	{
+		display: none;
+	
+		+ a, 
+		+ span
+		{
+			padding-right: 10px;
+		}
+	}
+	&.mm-hassearch 
+	{
+		> .mm-panel
+		{
+			padding-top: $mm_searchHeight + $mm_paddingBeneathHeader;
+			
+			> .mm-list:first-child
+			{
+				margin-top: -$mm_paddingBeneathHeader;
+			}
+		}
+	}
+	&.mm-hasheader
+	{
+		> .mm-panel
+		{
+			> div.mm-search:first-child
+			{
+				margin-top: -$mm_padding;
+				
+				+ .mm-list
+				{
+					padding-top: 0;
+				}
+			}
+		}
+	}
+}
+
+
+@include mm_colors_searchfield;