Ticket #2169 - Back to 16px = 1rem and related changes.

modules/base/profile/template/css/main.css

@@ -66,26 +66,26 @@ p.bx-base-pofile-unit-thumb {
     margin: 0px;
 
     line-height: 48px;
-    line-height: 3.2rem;
+    line-height: 3.0rem;
     text-align: center;
 
     font-size: 30px;
-    font-size: 2.0rem;
+    font-size: 1.875rem;
     font-weight: 700;
     color: #ffffff;
 }
 p.bx-base-pofile-unit-thumb.bx-def-icon-size {
     line-height: 26px;
-    line-height: 1.765rem;
+    line-height: 1.625rem;
 
-    font-size: 19.5px;
-    font-size: 1.3rem;
+    font-size: 20px;
+    font-size: 1.25rem;
 }
 p.bx-base-pofile-unit-thumb.bx-def-ava-size {
     line-height: 96px;
-    line-height: 6.4rem;
+    line-height: 6rem;
 
-    font-size: 45px;
+    font-size: 48px;
     font-size: 3.0rem;
     font-weight: 700;
 }
@@ -243,7 +243,7 @@ a.bx-base-pofile-cover-thumb img.bx-base-pofile-unit-thumb {
 }
 a.bx-base-pofile-cover-thumb p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
     line-height: 200px;
-    line-height: 13.375rem;
+    line-height: 12.5rem;
 
     font-size: 5.0rem;
 }

template/css/_remixins.less

@@ -1,6 +1,6 @@
 // https://github.com/christopher-ramirez/remixings
 // ===== REM UNIT MIXINS ====
-@base-font-size-px: 15; // root's font size. @base-font-size-px MUST ME AN INTEGER.
+@base-font-size-px: 16; // root's font size. @base-font-size-px MUST ME AN INTEGER.
 
 // ===== FONT MIXINS =====
 .font-size(@value) {

template/css/account.css

@@ -7,22 +7,26 @@
 /*-- My Prpfiles: Switch Profile --*/
 .sys-profile-switch-row {
     position:relative;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
 }
 
-.sys-profile-switch-row-control {
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: 100%;
+.sys-profile-switch-row-unit {
+    -webkit-flex: 1 1 auto;
+    flex: 1 1 auto;
 }
-
 .sys-profile-switch-row-unit .bx-def-unit {
     margin:0;
 }
 
+.sys-profile-switch-row-control {
+    -webkit-flex: 0 2 auto;
+    flex: 0 2 auto;
+}
 .sys-profile-switch-row-control .bx-btn {
-    position: absolute;
-    right: 0;
-    top: 50%;
-    transform: translateY(-50%);
+    float: none;
 }

template/css/common.css

@@ -685,7 +685,7 @@ input.bx-btn {
 .bx-btn.bx-btn-small {
     height:24px; 
     height:1.6rem; 
-    padding-left:0px 8px 0px 8px;
+    padding:0px 8px 0px 8px;
 
     line-height:24px;
     line-height:1.5rem;

template/css/menu.css

@@ -335,10 +335,6 @@ ul.bx-menu-toolbar li a .bx-def-unit-alert-middle {
     margin-bottom:0;
 }
 
-.bx-sliding-menu-main .bx-menu-account-popup-profile-switcher {
-    overflow:hidden;
-}
-
 .bx-popup-content .bx-menu-floating-blocks-wide,
 .bx-popup-content .bx-menu-floating-blocks {
     width:256px;

template/profile_switch_row.html

@@ -2,8 +2,8 @@
 
 <hr class="bx-def-hr-auto" />
 <div class="sys-profile-switch-row bx-def-padding-leftright bx-def-padding-sec-topbottom">
-    <div class="sys-profile-switch-row-unit bx-clearfix">__unit__</div>
-    <div class="sys-profile-switch-row-control bx-def-margin-right">
+    <div class="sys-profile-switch-row-unit">__unit__</div>
+    <div class="sys-profile-switch-row-control">
         <bx_if:inactive>
             <a class="bx-btn bx-btn-small" href="__url_switch__">__button_title__</i></a>
         </bx_if:inactive>