Make font sizes relative

So it's easier to adjust them globally.

// FREEBIE

stylesheets/_conversation.scss

@@ -62,7 +62,7 @@
   label {
     display: block;
     margin-bottom: 10px;
-    font-size: small;
+    font-size: $font-size-small;
   }
 
   .key, .placeholder {
@@ -159,7 +159,7 @@
 
     .error-message {
       margin: 6px 0 0;
-      font-size: small;
+      font-size: $font-size-small;
       font-weight: bold;
       color: red;
     }
@@ -563,7 +563,7 @@ li.entry .error-icon-container {
   color: white;
   box-shadow: 0 0 5px 0 black;
   border-radius: $border-radius;
-  font-size: small;
+  font-size: $font-size-small;
 }
 
 .confirmation-dialog {

stylesheets/_global.scss

@@ -325,7 +325,7 @@ $avatar-size: 44px;
 
   .number {
     color: $grey;
-    font-size: small;
+    font-size: $font-size-small;
   }
 }
 

stylesheets/_index.scss

@@ -165,7 +165,7 @@ input.search {
 
   .last-message {
     margin: 6px 0 0;
-    font-size: small;
+    font-size: $font-size-small;
     font-weight: 300;
   }
 
@@ -274,12 +274,12 @@ input.search {
     }
   }
   .synced_at {
-      font-size: small;
+      font-size: $font-size-small;
       color: $grey;
   }
   .sync_failed {
       display: none;
-      font-size: small;
+      font-size: $font-size-small;
       color: red;
   }
 }

stylesheets/_variables.scss

@@ -45,3 +45,6 @@ $big-avatar-min-width: 900px;
 $border-radius: 5px;
 
 $error-icon-size: 24px;
+
+$font-size: 14px;
+$font-size-small: (13/14) + em;

stylesheets/manifest.css

@@ -291,7 +291,7 @@ img.emoji {
     text-align: left; }
   .contact-details .number {
     color: #616161;
-    font-size: small; }
+    font-size: 0.92857em; }
 
 .recipients-input {
   position: relative; }
@@ -743,7 +743,7 @@ input.search {
     padding: 0.5em; }
   .index .last-message {
     margin: 6px 0 0;
-    font-size: small;
+    font-size: 0.92857em;
     font-weight: 300; }
   .index .gutter .timestamp {
     position: absolute;
@@ -829,11 +829,11 @@ input.search {
   .syncSettings button[disabled=disabled] {
     background: #616161; }
 .syncSettings .synced_at {
-  font-size: small;
+  font-size: 0.92857em;
   color: #616161; }
 .syncSettings .sync_failed {
   display: none;
-  font-size: small;
+  font-size: 0.92857em;
   color: red; }
 
 .conversation-title {
@@ -884,7 +884,7 @@ input.search {
 .key-verification label {
   display: block;
   margin-bottom: 10px;
-  font-size: small; }
+  font-size: 0.92857em; }
 .key-verification .key, .key-verification .placeholder {
   padding: 0 1em;
   -webkit-user-select: text; }
@@ -950,7 +950,7 @@ input.search {
     float: right; }
   .message-detail .contacts .contact-detail .error-message {
     margin: 6px 0 0;
-    font-size: small;
+    font-size: 0.92857em;
     font-weight: bold;
     color: red; }
 .message-detail h3 {
@@ -1268,7 +1268,7 @@ li.entry .error-icon-container {
   color: white;
   box-shadow: 0 0 5px 0 black;
   border-radius: 5px;
-  font-size: small; }
+  font-size: 0.92857em; }
 
 .confirmation-dialog .content {
   max-width: 350px;