cleanup saas files

4 files changed, 90 insertions, 45 deletions

diff --git a/app/assets/stylesheets/custom.css.scss b/app/assets/stylesheets/custom.css.scss
index cf31633..2eb3d79 100644
--- a/app/assets/stylesheets/custom.css.scss
+++ b/app/assets/stylesheets/custom.css.scss
@@ -7,19 +7,23 @@ body {
   background-color: $beige;
 }
 
-footer{
+footer {
   background-color: $blue;
   bottom: 0;
   width: 100%;
   padding: 20px 0 220px;
   text-align: center;
 
-  .content{
+  .content {
     color: white;
-    .row { margin: 0 auto; }
+    .row {
+      margin: 0 auto;
+    }
     a{
       color: white;
-      &:hover{ text-decoration: underline; }
+      &:hover{
+        text-decoration: underline;
+      }
     }
   }
 }
@@ -33,7 +37,11 @@ h1#logo{
   margin-right: 50px;
 }
 
-h2 { font-size: 44px; line-height: 48px; color: #333;}
+h2 {
+  font-size: 44px;
+  line-height: 48px;
+  color: #333;
+}
 
 a{
   color: $green;
@@ -49,48 +57,59 @@ a{
   font-weight: 200;
   color: #666;
 }
-.customers{ color: $blue; }
-.product{ color: $green; }
-.features{ color: $orange; }
 
-.static{
+.customers {
+  color: $blue;
+}
+
+.product {
+  color: $green;
+}
+
+.features {
+  color: $orange;
+}
+
+.static {
   clear: both;
   padding-top: 45px;
   margin-bottom: 100px;
-  p{
+  p {
     font: 36px/48px "Helvetica Neue";
     font-weight: 200;
   }
-
-  .back{
+  .back {
     font: 36px/48px "Helvetica Neue";
     font-weight: 500;
   }
 }
 
-#new_sign_up{
+#new_sign_up {
   position: relative;
-  label{
+  label {
     font-style: italic;
     font-weight: 200;
     color: #666;
   }
-
-  .field{
+  .field {
     float: left;
-    input[type="email"]{
+    input[type="email"] {
       width: 350px;
     }
     margin-right: 20px;
   }
-  .actions{
+  .actions {
     float: left;
     margin-top: 24px;
   }
   @include clearfix;
 }
 
-#privacy{
-  strong { font: 36px/48px "Helvetica Neue"; }
-  p{ font: 14px/18px "Helvetica Neue"; }
+#privacy {
+  strong {
+    font: 36px/48px "Helvetica Neue";
+  }
+  p {
+    font: 14px/18px "Helvetica Neue";
+  }
 }
diff --git a/app/assets/stylesheets/forms.css.scss b/app/assets/stylesheets/forms.css.scss
index 96d50be..84b57c5 100644
--- a/app/assets/stylesheets/forms.css.scss
+++ b/app/assets/stylesheets/forms.css.scss
@@ -1,12 +1,12 @@
 @import "mixins.css.scss";
 @import "settings.css.scss";
 
-input[type="email"], input[type="submit"]{
+input[type="email"], input[type="submit"] {
   border-color: #79a8c4;
   font-size: 24px;
 }
 
-input[type="email"]{
+input[type="email"] {
   padding: 20px;
   color: #bacdd8;
   @include appearance(textfield);
@@ -16,12 +16,15 @@ input[type="email"]{
   margin-top: 3px;
   color: #bacdd8;
 }
+
 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #bacdd8;
 }
+
 ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #bacdd8;
 }
+
 :-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #bacdd8;
 }
@@ -46,7 +49,6 @@ input[type="submit"][disabled] {
   *background-color: #003bb3;
 }
 
-
 #error_explanation{
   position: absolute;
   bottom: -10px;
diff --git a/app/assets/stylesheets/media-queries.css.scss b/app/assets/stylesheets/media-queries.css.scss
index 28834fe..53323b8 100644
--- a/app/assets/stylesheets/media-queries.css.scss
+++ b/app/assets/stylesheets/media-queries.css.scss
@@ -1,13 +1,17 @@
 /* Large desktop */
 @media (min-width: 1200px) {
-  .container { min-height: 600px; }
+  .container {
+    min-height: 600px;
+  }
 }
 
 @media (max-width: 979px) and (orientation: landscape) {
-  h1#logo { float: none; }
+  h1#logo {
+    float: none;
+  }
   #new_sign_up{
     .field{
-      input[type="email"]{
+      input[type="email"] {
         width: 540px;
       }
       margin-right: 20px;
@@ -17,31 +21,49 @@
 
 /* Portrait tablet to landscape and desktop */
 @media (min-width: 768px) and (max-width: 979px) {
-  h1#logo { float: none; }
+  h1#logo {
+    float: none;
+  }
 }
 
 /* Landscape phone to portrait tablet */
 @media (max-width: 767px) {
-  body { padding: 0; }
-  #main{ padding: 0 20px; }
-  h2, .about {font-size: 1.5em; line-height: 1.25em;}
+  body {
+    padding: 0;
+  }
+  #main {
+    padding: 0 20px;
+  }
+  h2, .about {
+    font-size: 1.5em;
+    line-height: 1.25em;
+  }
 }
 
 /* Landscape phones and down */
 @media (max-width: 480px) {
-  body { padding: 0; }
-
-  h2, .about {font-size: 1.5em; line-height: 1.25em;}
-  footer{ width: 100%; margin: 0;}
-  #main{ padding: 0 20px; }
+  body {
+    padding: 0;
+  }
+  h2, .about {
+    font-size: 1.5em;
+    line-height: 1.25em;
+  }
+  footer {
+    width: 100%; margin: 0;
+  }
+  #main {
+    padding: 0 20px;
+  }
   h1#logo {
     background: transparent asset-url('mobile/logo.png') no-repeat 0 0;
     width: 250px;
     height: 69px;
   }
-  #logo, .field, .action { float: none; }
-
-  #new_sign_up{
+  #logo, .field, .action {
+    float: none;
+  }
+  #new_sign_up {
     .field{
       input[type="email"]{
         width: 240px;
@@ -52,9 +74,9 @@
 }
 
 @media (max-width: 480px) and (orientation: landscape){
-  #new_sign_up{
+  #new_sign_up {
     .field{
-      input[type="email"]{
+      input[type="email"] {
         width: 400px;
       }
       margin-right: 20px;
diff --git a/app/assets/stylesheets/mixins.css.scss b/app/assets/stylesheets/mixins.css.scss
index d69e5eb..e098fec 100644
--- a/app/assets/stylesheets/mixins.css.scss
+++ b/app/assets/stylesheets/mixins.css.scss
@@ -12,19 +12,19 @@
           border-radius: $pixels;
 }
 
-@mixin box-shadow($shadows...){
+@mixin box-shadow($shadows...) {
   -webkit-box-shadow: $shadows;
      -moz-box-shadow: $shadows;
           box-shadow: $shadows;
 }
 
-@mixin appearance($appearance){
+@mixin appearance($appearance) {
   -webkit-appearance: $appearance;
      -moz-appearance: $appearance;
           appearance: $appearance;
 }
 
-@mixin gradient($top, $bottom){
+@mixin gradient($top, $bottom) {
   background-color: $bottom;
   *background-color: $bottom;
   background-image: -moz-linear-gradient(top, $top, $bottom);
@@ -45,5 +45,7 @@
     clear: both;
     visibility: hidden;
   }
-  * html & { height: 1px }
+  * html & {
+    height: 1px;
+  }
 }