update

modules/welcome/scss/_advancement.scss

@@ -5,11 +5,11 @@
   font-weight: normal; // Forced because of old theme
   position: fixed;
   background: $background-color;
-  height: rem(110px);
+  height: 6.875rem;
 
   bottom: 0;
   right: 0;
-  left: rem(210px);
+  left: 13.125rem;
 
   z-index: $minimum-z-index - 1;
 
@@ -19,40 +19,40 @@
   }
 
   .col-md-8 { // Forced because of old theme
-    padding-left: rem(15px);
+    padding-left: 0.9375rem;
   }
 
   .group-title {
     font-weight: bold; // Forced because of old theme
     font-family: Open Sans,sans-serif; // Forced because of old theme
     color: $dark-color;
-    font-size: rem(16px);
-    margin-top: rem(10px);
+    font-size: 1rem;
+    margin-top: 0.625rem;
   }
 
   .step-title {
-    font-size: rem(14px); // Forced because of old theme
-    line-height: rem(20px); // Forced because of old theme
+    font-size: 0.875rem; // Forced because of old theme
+    line-height: 1.25rem; // Forced because of old theme
     .material-icons {
       color: $primary-color;
-      font-size: rem(18px);
+      font-size: 1.125rem;
       vertical-align: bottom;
-      margin-bottom: rem(1px);
+      margin-bottom: 1px;
     }
   }
 
   .onboarding-button-next {
     position: absolute;
-    right: rem(10px);
-    top: rem(20px);
+    right: 0.625rem;
+    top: 1.25rem;
   }
 
   .onboarding-button-shut-down {
     position: absolute;
-    right: rem(10px);
-    bottom: rem(30px);
+    right: 0.625rem;
+    bottom: 1.875rem;
     color: $dark-color;
-    font-size: rem(11px);
+    font-size: 0.6875rem;
     cursor: pointer;
   }
 
@@ -61,32 +61,32 @@
 
     > .group {
       float: left;
-      height: rem(10px);
+      height: 0.625rem;
       background: $dark-color;
       position: relative;
     }
 
     > .group > .advancement {
-      height: rem(10px);
+      height: 0.625rem;
       background: $primary-color;
-      @include transition(all 0.8s);
+      transition: all 0.8s;
     }
 
     > .group > .id {
       position: absolute;
       box-sizing: border-box;
       background-color: $dark-color;
-      border: rem(1px) solid $background-color;
-      border-radius: rem(20px);
+      border: 1px solid $background-color;
+      border-radius: 1.25rem;
       text-align: center;
       vertical-align: middle;
-      line-height: rem(20px);
-      height: rem(20px);
-      width: rem(20px);
+      line-height: 1.25rem;
+      height: 1.25rem;
+      width: 1.25rem;
       color: white;
-      font-size: rem(12px);
-      right: rem(-1px);
-      top: rem(-5px);
+      font-size: 0.75rem;
+      right: -1px;
+      top: -5px;
       z-index: 1;
     }
     > .group > .id.-done {