Implemented card archiving, both the DataModel login and UI (still very rough, though)

frontend/delta/scss/core/layout.scss

@@ -16,6 +16,47 @@
 	}
 }
 
+#selections {
+	@include flexbox();
+	@include flex-direction(column);
+	min-height: 100%;
+
+	ul.defaultSet {
+		@include flex(none);
+	}
+
+	.search {
+		@include flex(none);
+	}
+
+	ul.tagList {
+		@include flex(auto);
+		margin-left: 0px;
+//		overflow-y: scroll;
+
+		li {
+//			@include flexbox();
+
+			span.tagLabel {
+//				@include flex(auto);
+			}
+			
+			span.tagCount {
+//				@include flex(none);
+				background-color: gray;
+				font-size: 10pt;
+				margin-left: 10px;
+				padding: 0px 4px;
+				@include border-radius(4px);
+			}
+		}
+	}
+	
+	.showArchivedCards {
+		@include flex(none);
+	}
+}
+
 #mainPanel {
 //	background-color: $yellow;
 

frontend/delta/scss/style/card.scss

@@ -14,10 +14,6 @@ div.cardList {
 	}
 
 	ul {
-		li.selected {
-			background-color: yellow;
-		}
-
 		li {
 			cursor: pointer;
 
@@ -26,6 +22,14 @@ div.cardList {
 			@include flexbox();
 			@include flex-direction(row);
 
+			&.selected {
+				background-color: yellow;
+			}
+			
+			&.archived {
+				background-color: pink;
+			}
+
 			.favicon {
 				width: $cardListHeight;
 				@include flex(none);

frontend/delta/scss/style/selectionPanel.scss

@@ -3,7 +3,7 @@
 	color: $main-alternate-text-color;
 	font-size: 18pt;
 	overflow: scroll;
-	height: 100%;
+//	height: 100%;
 
 	$iconColumnWidth: 40px;
 
@@ -66,4 +66,7 @@
 			font-size: 14pt;
 		}
 	}
+	
+	.showArchivedCards {
+	}
 }