Merge pull request #104 from GSA/filter-styles

Filter styles

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gsa-sam/sam-ui-elements",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "SAM UI library",
   "keywords": [
     "angular2",

sam-styles/core/typography/_theme.scss

@@ -6,6 +6,10 @@
     color: sam-color($foreground, text);
   }
 
+  a{
+    color: #0071bc;
+  }
+
   h1.sam.heading,
   h2.sam.heading,
   h3.sam.heading,

sam-styles/core/typography/_typography.scss

@@ -118,6 +118,8 @@
 
   a{
     font-weight: 400;
+    text-decoration: none;
+    cursor: pointer;
   }
 
   a:hover{

sam-styles/filters/sam-filter-drawer.scss

@@ -0,0 +1,27 @@
+sam-filter-drawer {
+	.sam {
+		display:inline-flex;
+
+		ul{
+			margin:0px 10px 20px 0;
+			padding:0px;
+
+			li{
+				display:inline-block;
+				width: auto;
+				padding: 3px 10px 5px;
+				margin-right:5px;
+				border-radius:3px;
+				font-size:1.4rem;
+			}
+			li i{
+				margin-left:5px;
+				cursor: pointer;
+			}
+		}
+
+		.options{
+			margin-top: 15px;
+		}
+	}
+}

sam-styles/themes/sam-gov.scss

@@ -9,6 +9,7 @@
 @import '../expansion/expansion-panel';
 @import '../expansion/expansion-panel-header';
 @import '../grid/grid';
+@import '../filters/sam-filter-drawer';
 
 // Include theme
 @import '../core/theming/all-theme';