updating rems

1 files changed, 33 insertions, 19 deletions

diff --git a/StoneIsland/platforms/android/assets/www/css/blogs.css b/StoneIsland/platforms/android/assets/www/css/blogs.css
index bf5ab68f..0834912e 100755
--- a/StoneIsland/platforms/android/assets/www/css/blogs.css
+++ b/StoneIsland/platforms/android/assets/www/css/blogs.css
@@ -6,11 +6,19 @@
   margin: 15px 0 0;
   text-align: center;
   text-transform:uppercase;
+  display:flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
 }
 #story .links li {
-  padding: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 48px;
+  padding: 0 15px;
   list-style-type: none;
-  display: inline-block;
+  font-size: 16px;
 }
 #story .links li:before {
   content: ' | ',
@@ -57,7 +65,7 @@ animation: mfadein 0.6s;
 
 #hub .content .body, #story .content .body {
   letter-spacing:0.35px;
-  font-size:12px;
+  font-size:16px;
   width:calc(100vw - 40px);
   box-sizing:border-box;
   margin:10px auto 20px;
@@ -65,7 +73,7 @@ animation: mfadein 0.6s;
 }
 
 #hub .content .body:last-child  {
-  margin:10px auto 100px;
+  margin:20px auto 100px;
 }
 
 #story .content .body:last-child  {
@@ -85,14 +93,14 @@ animation: mfadein 0.6s;
 .content-header .title, .content-header .subtitle {
   display:block;
   font-weight:bold;
-  font-size:14px;
+  font-size:16px;
   text-transform:uppercase
 }
 
 .content-header .title {
   margin:0;
   padding:0;
-  line-height:13px;
+  line-height:1.4em;
 }
 
 .content-header .subtitle {
@@ -101,12 +109,17 @@ animation: mfadein 0.6s;
 
 .content-share {
   border:1px solid black;
-  padding:4px 8px 2px;
+  padding: 0 12px;
+  height: 48px;
+  font-size: 16px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   float:right
 }
 
 .content-header span.date, .content-header span.store {
-  font-size:10px;
+  font-size:16px;
 }
 
 /* NOTE: optional arrows */
@@ -118,8 +131,8 @@ animation: mfadein 0.6s;
   background-size:5px 10px;
   background-repeat:no-repeat;
   background-position:center;
-  width:15px;
-  height:30px;
+  width:24px;
+  height:48px;
   top:26vh;
   content:'';
   transform:translateY(-50%);
@@ -130,7 +143,6 @@ animation: mfadein 0.6s;
   z-index:2;
   position:absolute;
   display:block;
-  animation: gallery-fade 4s forwards;
 }
 .gallery-right {
   border:1px solid black;
@@ -139,8 +151,8 @@ animation: mfadein 0.6s;
   background-size:5px 10px;
   background-repeat:no-repeat;
   background-position:center;
-  width:15px;
-  height:30px;
+  width:24px;
+  height:48px;
   top:26vh;
   content:'';
   transform:translateY(-50%);
@@ -151,7 +163,6 @@ animation: mfadein 0.6s;
   z-index:2;
   position:absolute;
   display:block;
-  animation: gallery-fade 4s forwards;
 }
 
 @-webkit-keyframes gallery-fade {
@@ -220,7 +231,7 @@ ul.links {
   margin:0 0 12px;
   padding:0;
   font-weight:bold;
-  font-size:14px;
+  font-size:16px;
 }
 
 
@@ -233,7 +244,7 @@ ul.links {
 }
 .archive .body {
   font-size: 14px;
-  line-height: 1.2em;
+  line-height: 1.4em;
   font-weight: 100;
 }
 
@@ -278,11 +289,14 @@ ul.links {
 }
 #archive .menu .item {
   width: 100%;
-  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   border-bottom: 1px solid black;
   background: white;
-  padding:12px 0;
-  font-size:14px;
+  padding:0;
+  height: 48px;
+  font-size:16px;
   letter-spacing:0.7px
 }