[WIP] using new components

gui/app/styles/view/folder/all.scss

@@ -1,4 +1,3 @@
 @import "document.scss";
-@import "folder.scss";
 @import "wizard.scss";
 @import "settings.scss";

gui/app/styles/view/folder/folder.scss

@@ -1,45 +0,0 @@
-.folders-list {
-	> .section {
-		margin: 30px 0 10px;
-
-		> .heading {
-			font-size: 0.9rem;
-			font-weight: bold;
-			color: $color-gray;
-			padding-bottom: 5px;
-		}
-
-		> .message {
-			font-size: 0.8rem;
-			color: $color-gray;
-			margin-top: 10px;
-		}
-
-		> .list {
-			padding: 0;
-			margin: 5px 0 0 15px;
-
-			> .link {
-				font-size: 1rem;
-				color: $color-sidebar-text;
-				text-decoration: none;
-
-				&:hover {
-					color: $color-sidebar-link;
-				}
-
-				> .item {
-					list-style-type: none;
-					list-style: none;
-					margin: 0 0 5px;
-					padding: 0;
-				}
-			}
-
-			> .selected {
-				color: $color-sidebar-link;
-				font-weight: bold;
-			}
-		}
-	}
-}

gui/app/styles/view/layout.scss

@@ -1,3 +1,35 @@
+.nav-bar {
+	background-color: $color-primary;
+	padding: 10px 20px;
+	color: $color-white;
+	font-size: 1rem;
+
+	.nav-link, .nav-link:visited {
+		color: $color-white;
+
+		&:hover {
+			color: darken($color-white, 15%);
+		}
+	}
+
+	.nav-title {
+		font-size: 1.4rem;
+		font-weight: bold;
+	}
+
+	.nav-msg {
+		font-size: 0.875rem;
+	}
+
+	.nav-right {
+		float: right;
+	}
+}
+
+
+
+
+// pre-nov17 UX
 $sidebar-width: 400px;
 
 #wrapper {

gui/app/styles/view/spaces.scss

@@ -0,0 +1,38 @@
+.view-spaces {
+	> .heading {
+		font-size: 1.3rem;
+		font-weight: bold;
+		color: $color-dark;
+		text-transform: uppercase;
+
+		> .counter {
+			font-size: 0.9rem;
+			font-weight: normal;
+			color: $color-gray;
+			display: inline-block;
+			margin-left: 10px;
+		}
+	}
+
+	> .list {
+		margin: 30px 0;
+		padding: 0;
+
+		> a {
+			color: $color-black;
+
+			> .item {
+				@include card();
+				@include ease-in();
+				list-style-type: none;
+				float: left;
+				margin: 0 20px 20px 0;
+				padding: 10px;
+				width: 250px;
+				height: 100px;
+				font-size: 1.1rem;
+				overflow: hidden;
+			}
+		}
+	}
+}

gui/app/styles/view/views.scss

@@ -0,0 +1 @@
+@import "spaces.scss";