initial commit from appmail

app/assets/stylesheets/application/global/_fonts.scss

@@ -0,0 +1,59 @@
+@font-face {
+  font-family: "Droid Sans Mono";
+  src: font-url("DroidSansMono.eot");
+  src: font-url("DroidSansMono.eot?#iefix") format("embedded-opentype"),
+    font-url("DroidSansMono.woff") format("woff"),
+    font-url("DroidSansMono.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Source Sans Pro";
+  src: font-url("SourceSansPro-Light.eot");
+  src: font-url("SourceSansPro-Light.eot?#iefix") format("embedded-opentype"),
+    font-url("SourceSansPro-Light.woff") format("woff"),
+    font-url("SourceSansPro-Light.ttf") format("truetype");
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Source Sans Pro";
+  src: font-url("SourceSansPro-Regular.eot");
+  src: font-url("SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"),
+    font-url("SourceSansPro-Regular.woff") format("woff"),
+    font-url("SourceSansPro-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Source Sans Pro";
+  src: font-url("SourceSansPro-Semibold.eot");
+  src: font-url("SourceSansPro-Semibold.eot?#iefix") format("embedded-opentype"),
+    font-url("SourceSansPro-Semibold.woff") format("woff"),
+    font-url("SourceSansPro-Semibold.ttf") format("truetype");
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Source Sans Pro";
+  src: font-url("SourceSansPro-Bold.eot");
+  src: font-url("SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"),
+    font-url("SourceSansPro-Bold.woff") format("woff"),
+    font-url("SourceSansPro-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Source Sans Pro";
+  src: font-url("SourceSansPro-Black.eot");
+  src: font-url("SourceSansPro-Black.eot?#iefix") format("embedded-opentype"),
+    font-url("SourceSansPro-Black.woff") format("woff"),
+    font-url("SourceSansPro-Black.ttf") format("truetype");
+  font-weight: 900;
+  font-style: normal;
+}

app/assets/stylesheets/application/global/_mixins.scss

@@ -0,0 +1,14 @@
+@mixin scrollbars($size: 6px, $thumb: #979ea6, $track: #efefef) {
+  &::-webkit-scrollbar {
+    height: $size; // Horizontal Scrollbars
+    width: $size; // Vertical Scrollbars
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: $thumb;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: $track;
+  }
+}

app/assets/stylesheets/application/global/_reset.scss

@@ -0,0 +1,113 @@
+html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-weight: normal;
+  font-size: 100%;
+  letter-spacing:0;
+  vertical-align: baseline;
+  background: transparent;
+}
+
+span {
+  font-weight:inherit;
+}
+
+article, aside, figure, footer, header, hgroup, nav, section {display: block;}
+
+img,object,embed {max-width: 100%;}
+ul {list-style: none;}
+blockquote, q {quotes: none;}
+b,strong { font-weight:bold;}
+strong.semi { font-weight:600;}
+blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
+
+a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:inherit; text-decoration: none; line-height:1; margin:0 }
+
+del {text-decoration: line-through;}
+
+abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
+
+/* tables still need cellspacing="0" in the markup */
+table {border-collapse: collapse; border-spacing: 0;}
+th {font-weight: bold; vertical-align: bottom;}
+td {font-weight: normal; vertical-align: top;}
+
+hr {display: block; height: 1px; border: 0; border-top: 3px solid #ddd; margin:0; padding: 0;}
+
+input, select {vertical-align: middle;}
+
+pre {
+  white-space: pre; /* CSS2 */
+  white-space: pre-wrap; /* CSS 2.1 */
+  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
+  word-wrap: break-word; /* IE */
+}
+
+input[type="radio"] {vertical-align: text-bottom;}
+input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
+.ie6 input {vertical-align: text-bottom;}
+
+select, input, textarea {font: 99% sans-serif;}
+
+table {font: inherit;}
+
+/* Accessible focus treatment
+  people.opera.com/patrickl/experiments/keyboard/test */
+a:hover, a:active {outline: none;}
+
+small {font-size: 85%;}
+
+strong, th {font-weight: bold;}
+
+td, td img {vertical-align: top;}
+
+/* Make sure sup and sub don't screw with your line-heights
+  gist.github.com/413930 */
+sub, sup {font-size: 75%; line-height: 0; position: relative;}
+sup {top: -0.5em;}
+sub {bottom: -0.25em;}
+
+/* standardize any monospaced elements */
+pre, code, kbd, samp {font-family:  'Droid Sans Mono', fixed;}
+
+/* hand cursor on clickable elements */
+label,
+input[type=button],
+input[type=submit],
+button {
+  cursor: pointer;
+}
+
+button, input, select, textarea {
+  margin: 0;
+}
+
+button {
+  width: auto;
+  overflow: visible;
+  appearance: none;
+}
+
+select, input, textarea, a, button {
+  outline: none;
+}
+
+*, *:before, *:after {
+  box-sizing: border-box;
+}
+
+address {
+  font-style: normal;
+}
+
+th {
+  font-weight: initial;
+  text-align: left;
+}
+
+img {
+  border: 0;
+}
+

app/assets/stylesheets/application/global/_utility.scss

@@ -0,0 +1,34 @@
+.u-margin {
+  margin-bottom:25px;
+}
+
+.u-center {
+  text-align:center;
+}
+
+.u-green {
+  color:$green;
+}
+
+.u-orange {
+  color:$orange;
+}
+
+.u-grey {
+  color:#999;
+}
+.u-red {
+  color:$red;
+}
+
+.u-bold {
+  font-weight:600;
+}
+
+.u-link {
+  text-decoration: underline;
+}
+
+.is-hidden {
+  display:none;
+}

app/assets/stylesheets/application/global/_variables.scss

@@ -0,0 +1,28 @@
+$backgroundGrey: #fafafa;
+$blue: #0e69d5;
+$darkBlue: #3c4249;
+$veryDarkBlue: #2b2e32;
+$lightBlue: #eaf3fe;
+$subBlue: #909db0;
+$red: #e2383a;
+$green: #76c83b;
+$orange: #e8581f;
+$turquoise: #4ac7c5;
+$purple: #6145b2;
+
+@mixin clearfix {
+  &:after {
+    clear: both;
+    content: " ";
+    display: table;
+  }
+}
+
+@mixin noselect {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}