Fixed #68

Kikobeats · Sep 11, 2015 · fe8b32d · fe8b32d
1 parent 074f743
commit fe8b32d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/assets/scss/components/_page-error.scss b/assets/scss/components/_page-error.scss
@@ -2,7 +2,7 @@ body[data-page="error"] {
   width: 100%;
   height: 100%;
 
-  font-size: 16px;
+  font-size: 1rem;
   font-weight: normal;
   line-height: 25px;
 
@@ -14,6 +14,7 @@ body[data-page="error"] {
     @include center-absolute;
   }
 }
+
 .mayday {
   width: 500px;
   margin: 150px auto 20px;
@@ -29,17 +30,17 @@ body[data-page="error"] {
 .astro-wrap {
   position: relative;
 
-  width: 11rem;
-  height: 18rem;
-  margin: 15% auto;
+  width: $astronaut-size;
+  height: $astronaut-size * 1.6;
+  margin: auto;
 }
 .astronaut {
   position: absolute;
   top: 0;
   left: 0;
 
-  width: 11rem;
-  height: 18rem;
+  width: $astronaut-size;
+  height: $astronaut-size * 1.6;
 
   transform: translate(0, 50px);
   animation: move 10s infinite;

diff --git a/assets/scss/modules/_variables.scss b/assets/scss/modules/_variables.scss
@@ -62,3 +62,4 @@ $aside-width-collapsed : $unit * 22.5;
 /* OTHER */
 
 $border-radius         : 3px;
+$astronaut-size        : 20vh;