Initial Spark Install

spark/resources/assets/less/components/notifications.less

@@ -0,0 +1,125 @@
+#modal-notifications {
+    .modal-header {
+        background: #fff;
+        border-bottom: 0;
+        margin-bottom: 0;
+        height: 70px;
+        width: 350px;
+        position: fixed;
+        z-index: 100;
+
+        .btn-group {
+            padding-top: 4px;
+            width: 100%;
+        }
+    }
+
+    .modal-dialog {
+        height: 100vh;
+        min-height: 100vh;
+    }
+
+    .modal-content {
+        background: #f5f8fa;
+        border: none;
+        overflow-y: scroll;
+        height: 100vh;
+        min-height: 100vh;
+    }
+
+    .modal-body {
+        padding: 0;
+        height: 100vh;
+        min-height: 100vh;
+    }
+
+    .modal-footer {
+        background: #fff;
+        border-top: 1px dashed rgba(0,0,0,.1);
+        width: 350px;
+    }
+
+    .notification-container:first-child {
+      padding-top: 70px;
+    }
+
+    .notification-container:last-child {
+      padding-bottom: 65px + 23px;
+    }
+
+    .notification:not(:first-child) {
+        padding-top: 25px;
+    }
+
+    .notification:not(:last-child) {
+        margin-bottom: 23px;
+    }
+
+    .notification {
+        position: relative;
+        padding: 20px 15px 0px 15px;
+        border-top: 1px dashed rgba(0,0,0,.1);
+    }
+
+    figure { position: absolute; }
+
+    .notification-content {
+        padding-left: 70px;
+
+        .meta {
+            display: flex;
+            align-content: flex-end;
+        }
+
+        .title {
+            flex: 1;
+            font-weight: bold;
+            line-height: 1.2;
+            margin: 2px 0 10px;
+        }
+
+        .date { color: #aaa; }
+
+        .notification-body {
+            margin-bottom: 15px;
+        }
+    }
+
+    .spark-profile-photo {
+        height: 52px;
+        width: 52px;
+    }
+
+
+    .fa-stack {
+        color: @spark-border-color;
+        font-size: 26px;
+    }
+
+    h4 {
+        margin-bottom: 15px;
+        margin-top: 3px;
+    }
+}
+
+.modal.docked .modal-dialog {
+    position: fixed;
+    top: 0;
+    margin: 0;
+    height: 100vh;
+    width: 350px;
+}
+
+.modal.docked.docked-left .modal-dialog { left: 0; }
+.modal.docked.docked-right .modal-dialog { right: 0; }
+
+.modal.docked .modal-content {
+    border-radius: 0;
+    height: 100vh;
+}
+
+.modal.docked .modal-footer {
+    position: fixed;
+    bottom: 0;
+    right: 0;
+}

spark/resources/assets/less/components/plans.less

@@ -0,0 +1,7 @@
+.btn-plan {
+    width: 150px;
+}
+
+.plan-feature-list li {
+	line-height: 35px;
+}

spark/resources/assets/less/components/settings.less

@@ -0,0 +1,27 @@
+.spark-settings-stacked-tabs {
+	border-radius: @border-radius-base;
+	font-weight: 300;
+
+	a {
+		border-bottom: 1px solid lighten(@spark-border-color, 5%);
+		border-left: 3px solid transparent;
+		color: @text-color;
+
+		i {
+			color: lighten(@text-color, 25%);
+			position: relative;
+		}
+	}
+
+	li:last-child a {
+		border-bottom: 0;
+	}
+
+	li.active a {
+		border-left: 3px solid @brand-primary;
+	}
+
+	li a:active, li a:hover, li a:link, li a:visited {
+		background-color: white;
+	}
+}

spark/resources/assets/less/components/terms.less

@@ -0,0 +1,37 @@
+.terms-of-service {
+    h1 {
+        font-size: 26px;
+        margin-top: 35px;
+        margin-bottom: 20px;
+
+        &:first-child {
+            margin-top: 10px;
+        }
+    }
+
+    h2 {
+        font-size: 20px;
+    }
+
+    h3 {
+        font-size: 18px;
+    }
+
+    h4 {
+        font-size: 16px;
+        margin-top: 20px;
+    }
+
+    p {
+        line-height: 25px;
+        margin: 0;
+    }
+
+    ul {
+        margin-top: 15px;
+    }
+
+    li {
+        line-height: 25px;
+    }
+}