Merge pull request #250 from bitjson/wip/design

design work

src/sass/variables.scss

@@ -1,20 +1,28 @@
 /* constants */
 $royal: #1e3186;
 $soft-blue: #647ce8;
+$fill-blue: #D5DFFF;
 $subtle-gray: #f5f5f5;
 $roboto: "Roboto", sans-serif;
 $roboto-light: "Roboto-Light", sans-serif-light;
+$dark-gray: #445;
 $mid-gray: #667;
 $light-gray: #9b9bab;
 
 /* Set ionic variables */
+
+$positive: $soft-blue;
+
 $font-family-sans-serif: $roboto;
 $font-family-light-sans-serif: $roboto-light;
+
 $base-background-color: $subtle-gray;
+
 $item-default-active-bg: $subtle-gray;
+$item-icon-font-size: 24px;
+
+$tabs-icon-size: 22px;
 
 $ios-transition-duration: 200ms;
 
 $card-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
-
-$item-icon-font-size: 24px;

src/sass/views/tab-home.scss

@@ -65,27 +65,31 @@
     padding-bottom: 27px;
   }
   .homeTip {
+    text-align: center;
+    & > .item-heading {
+      margin-top: 10px;
+      background: 0 none;
+    }
     .item {
       border-style: none;
     }
-    div {
-      text-align: center;
-      margin-top: 20px;
-      margin-bottom: 20px;
-    }
-    .title {
+    & > .title {
       font-size: 20px;
       font-weight: bold;
+      color: $dark-gray;
+      margin: 20px 10px;
     }
-    .subtitle{
-      margin-left: 25px;
-      margin-right: 25px;
-      font-size: 18px;
-      font-weight: 100;
+    & > .subtitle {
+      font-size: 1rem;
+      line-height: 1.5em;
+      font-weight: 300;
+      color: $dark-gray;
+      margin: 20px 3em 2.5em;
     }
     .big-icon-svg{
       .bg.green{
         padding: 0 10px;
+        box-shadow: none;
       }
     }
   }

src/sass/views/tabs.scss

@@ -2,34 +2,35 @@
   .icon {
     background-repeat: no-repeat;
     background-position: center;
-    &.ico-home{
+    margin: 6px 0 2px;
+    &.ico-home {
       background-image: url('../img/tab-icons/ico-home.svg');
     }
-    &.ico-home-selected{
+    &.ico-home-selected {
       background-image: url('../img/tab-icons/ico-home-selected.svg');
     }
-    &.ico-receive{
+    &.ico-receive {
       background-image: url('../img/tab-icons/ico-receive.svg');
     }
-    &.ico-receive-selected{
+    &.ico-receive-selected {
       background-image: url('../img/tab-icons/ico-receive-selected.svg');
     }
-    &.ico-settings{
+    &.ico-settings {
       background-image: url('../img/tab-icons/ico-settings.svg');
     }
-    &.ico-settings-selected{
+    &.ico-settings-selected {
       background-image: url('../img/tab-icons/ico-settings-selected.svg');
     }
-    &.ico-scan{
+    &.ico-scan {
       background-image: url('../img/tab-icons/ico-scan.svg');
     }
-    &.ico-scan-selected{
+    &.ico-scan-selected {
       background-image: url('../img/tab-icons/ico-scan-selected.svg');
     }
-    &.ico-send{
+    &.ico-send {
       background-image: url('../img/tab-icons/ico-send.svg');
     }
-    &.ico-send-selected{
+    &.ico-send-selected {
       background-image: url('../img/tab-icons/ico-send-selected.svg');
     }
   }