- add grunt watch task for automatically building less to css when a …

…file changes.

- add standard .editorconfig to define spacing/tab indentation rules.
- mixins.less
- add more bottom margin to products (re: stacy)
- change products to apps throughout feature.
- fix header link
- remove -src ref in ./less directories
- use more verbose class name
- change editorconfig to space instead of tab
- refactor ajax call in landing service to not use deferred.
- fix gulp line to 80 chars wide

.editorconfig

@@ -0,0 +1,21 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+
+[*]
+
+# Change these settings to your own preference
+indent_style = space
+indent_size = 2
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

client/less/landing/landing.less

@@ -0,0 +1,61 @@
+.sl-landing-page {
+  padding: 4.7rem 3.13rem;
+
+  .sl-apps {
+    text-align: center;
+    max-width: 960px;
+    margin: 0 auto;
+  }
+
+  .sl-app {
+    .box-sizing(border-box);
+    text-align: center;
+    height: 18rem;
+    max-width: 40rem;
+    display: block;
+    margin: 2.5rem auto 5rem;
+    cursor: pointer;
+
+    .app-image {
+      .border-radius(5px);
+      .drop-shadow();
+      border: 1px solid @gray-light;
+      height: 90%;
+      width: 100%;
+    }
+
+    &:hover {
+      .app-image {
+        .drop-shadow(0, 1px, 3px, 0, 0.35);
+        border-color: @gray;
+      }
+
+      a {
+        text-decoration: none;
+      }
+    }
+
+    a {
+      .box-sizing(border-box);
+      display: block;
+      width: 100%;
+      padding: 1.25rem;
+    }
+
+    &:last-child {
+      //margin-right: 0;
+    }
+  }
+}
+
+/* Responsive: Portrait tablets and up */
+@media screen and (min-width: @tablet-min-width) {
+  .sl-landing-page {
+    .sl-app {
+      width: 20rem;
+      display: inline-block;
+      margin-right: 2.5rem;
+      margin-top: 0;
+    }
+  }
+}

client/less/mixins.less

@@ -0,0 +1,21 @@
+.box-sizing (@type: border-box) {
+  -webkit-box-sizing: @type;
+  -moz-box-sizing: @type;
+  box-sizing: @type;
+}
+
+.border-radius (@radius: 5px) {
+  -webkit-border-radius: @radius;
+  -moz-border-radius: @radius;
+  border-radius: @radius;
+
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+}
+
+.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
+  -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
+  -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
+  box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
+}

client/less/style.less

@@ -1,3 +1,5 @@
 @import "variables.less";
-@import "./bootstrap-src/bootstrap.less";
-@import "./studio-src/studio.less";
+//@import "./bootstrap/bootstrap.less";
+//@import "./studio/studio.less";
+@import "./mixins.less";
+@import "./landing/landing.less";