Normalize type variables

src/scss/_variables.scss

@@ -71,9 +71,9 @@ $btn-border-width: 0;
 $btn-text-transform: uppercase;
 $btn-letter-spacing: normal;
 $btn-font-weight: 600 !default;
-$btn-font-size: 16px !default;
-$btn-font-size-sm: 14px !default;
-$btn-font-size-lg: 18px !default;
+$btn-font-size: 1rem !default;
+$btn-font-size-sm: .75rem !default;
+$btn-font-size-lg: 1.15rem !default;
 
 // Input
 $input-btn-line-height: 1.5 !default;
@@ -262,11 +262,11 @@ $componente-base-padding-x: 8px;
 $componente-base-padding-y: 8px;
 
 // Linklist
-$link-list-font-size: 0.889em;
+$link-list-font-size: 1rem;
 $link-list-font-size-l: 1.15rem;
-$link-list-line-height: 2.3em;
-$link-list-line-height-l: 2.5rem;
-$link-list-heading-size: 1em;
+$link-list-line-height: 1.5rem;
+$link-list-line-height-l: 1.5rem;
+$link-list-heading-size: 1.15rem;
 $link-list-divider-height: 1px;
 $link-list-divider-distance: 8px;
 $link-list-h-pad: 24px;
@@ -289,7 +289,7 @@ $megamenu-link-small-line-margin-bottom: $v-gap;
 $megamenu-heading-line-height: 1.2em;
 $megamenu-heading-font-weight: 600;
 $megamenu-heading-bottom-margin: 0.5rem;
-$megamenu-heading-text-size: 0.833em;
+$megamenu-heading-text-size: 1.15rem;
 $megamenu-heading-margin-top: 5px;
 $megamenu-heading-letter-spacing: 1px;
 $megamenu-link-arrow-size: 0.8em;
@@ -315,7 +315,7 @@ $pager-item-border-radius: 4px;
 $pager-item-margin-right: 5px;
 $pager-item-current-color: $primary !default;
 $pager-item-current-border: 1px solid $primary !default;
-$pager-font-size: 0.8888888888888888rem; // 16px
+$pager-font-size: 1rem;
 $pager-font-weight: 700;
 $pager-font-color: $secondary !default;
 $pager-hover-color: $primary !default;
@@ -330,17 +330,17 @@ $pager-page-changer-border-bottom: 1px solid $gray-secondary !default; // Kit UI
 // Sidebar
 $sidebar-heading-font-weight: 600;
 $sidebar-heading-bottom-margin: 0.8rem;
-$sidebar-heading-text-size: 0.833em;
-$sidebar-heading-margin-top: 5px;
+$sidebar-heading-text-size: 1.15rem;
+$sidebar-heading-margin-top: 4px;
 $sidebar-heading-letter-spacing: 1px;
 $sidebar-linklist-link-line-height: 1em;
 $sidebar-linklist-link-v-padding: 0.55em;
 $sidebar-link-small-line-width: 65px;
-$sidebar-link-size: 1em;
+$sidebar-link-size: 1rem;
 $sidebar-dropdown-icon-size: 0.8em;
 $sidebar-dropdown-line-selection-width: 2px;
 $sidebar-dropdown-line-selection-color: $primary !default;
-$sidebar-submenu-font-size: 0.889em;
+$sidebar-submenu-font-size: 1rem;
 $sidebar-submenu-link-v-padding: 0.45em;
 $sidebar-border-color: $gray-border !default;
 
@@ -356,7 +356,7 @@ $navscroll-button-text-weight: 600;
 $navscroll-top-box-shadow: 0 0px 30px 5px rgba(0, 0, 0, 0.05) !default;
 $navscroll-bottom-box-shadow: 0 0px 30px 5px rgba(0, 0, 0, 0.05) !default;
 $navscroll-primary-font-weight: 600;
-$navscroll-font-size: 1em;
+$navscroll-font-size: 1rem;
 $navscroll-selection-link-left: $sidebar-dropdown-line-selection-width solid $sidebar-dropdown-line-selection-color !default;
 $navscroll-secondary-active-color: $color-text-primary-active !default;
 $navscroll-links-padding: 0.55em;
@@ -462,32 +462,32 @@ $card-h5-size-desk: 1rem;
 $card-h5-line-height: 1.4444444444444444rem;
 $card-h5-fw: 700;
 $card-h5-color: $color-text-secondary !default; // UI kit
-$card-p-size: 0.875rem;
-$card-p-size-desk: 0.7777777777777778rem;
-$card-p-l-h: 1.2rem;
+$card-p-size: 1rem;
+$card-p-size-desk: 1.15rem;
+$card-p-l-h: 1.5rem;
 $card-p-color: $color-text-base !default;
 $card-border-color: $gray-border !default; // Missing in the UI kit but aligned to new colors
 $card-small-line-height: 1px;
 $card-small-line-w: 128px;
 $card-small-line-color: $neutral-1-a2 !default; // Not used
 $card-small-line-margin: $v-gap * 6;
-$card-category-size: 0.7777777777777778rem;
+$card-category-size: 0.875rem;
 $card-category-l-spacing: 0.9px;
 $card-category-m-bottom: $v-gap * 2;
-$card-big-head-size: 1.5555555555555556rem;
-$card-big-head-l-h: 1.7777777777777777rem;
-$card-signature-size: 0.8888888888888888rem;
+$card-big-head-size: 1.5rem;
+$card-big-head-l-h: 1.75rem;
+$card-signature-size: 0.875rem;
 $card-link-color: $primary !default;
 $card-link-icon-size: $v-gap * 2;
 $card-cat-icon-block-margin: $v-gap * 2;
 $card-cat-icon-size: $v-gap * 5;
 $card-simple-link-margin: $v-gap * 4;
 $card-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1) !default;
 $card-shadow-bg: $white !default;
-$card-big-h5-size: 1.3333333333333333rem;
-$card-big-h5-l-h: 1.5555555555555556rem;
-$card-big-p-size: 0.8888888888888888rem;
-$card-big-p-l-h: 1.3333333333333333rem;
+$card-big-h5-size: 1.25rem;
+$card-big-h5-l-h: 1.5rem;
+$card-big-p-size: 1.15rem;
+$card-big-p-l-h: 1.5rem;
 $card-big-top-icon-size: $v-gap * 10;
 $card-img-heading-size: 1.1111111111111112rem;
 $card-img-heading-l-h: 1.5555555555555556rem;
@@ -500,17 +500,14 @@ $flag-icon-w: $v-gap * 4;
 $tag-radius: 50px;
 
 // select
-$select-label-size: 0.7777777777777778rem;
+$select-label-size: 0.875rem;
 $select-label-color: $color-text-base !default; // UI kit
-
-// TODO Continue from here for color checking
-
 $select-label-weight: 600;
 $select-button-border: 1px solid $select-label-color !default;
 $select-button-padding: $v-gap !default;
 $select-button-text-size: 1rem;
 $select-dd-shadow: $dialog-shadow !default;
-$select-dd-text-size: 0.8888888888888888rem;
+$select-dd-text-size: 1rem;
 $select-dd-link-color: $primary !default;
 $select-dd-link-color-active: $color-text-primary-active !default; // UI kit
 $select-dd-small-separator-width: 65px;
@@ -520,7 +517,7 @@ $select-dd-icon-flag-top: 10px;
 $select-dd-pill-font-size: 0.7777777777777778rem;
 $select-dd-pill-distance: $v-gap;
 $select-dd-pill-font-w: 700;
-$select-dd-header-size: 0.8333333333333334rem;
+$select-dd-header-size: 0.875rem;
 $select-dd-header-w: 600;
 $select-dd-check-height: 30px;
 
@@ -529,7 +526,7 @@ $dp-label-color: $color-text-base !default;
 $dp-border-bottom: 1px solid $dp-label-color !default; // TODO Not found - need more attention
 $dp-shadow: $dialog-shadow;
 $dp-arrow-size: $v-gap * 2;
-$dp-month-size: 0.8333333333333334rem;
+$dp-month-size: 0.875rem;
 $dp-month-l-spacing: 0.1px;
 $dp-grid-size: 13px;
 $dp-current-size: $v-gap * 4;
@@ -605,7 +602,7 @@ $stepper-spacing-v: 16px;
 
 // transfer
 $transfer-border: 1px solid $neutral-1-a3 !default; // TODO Not found
-$transfer-descr-size: 12px;
+$transfer-descr-size: .75rem;
 $transfer-descr-color: $neutral-1-a8 !default; // TODO Not found
 $transfer-header-line-color: $neutral-1-a3 !default; // TODO Not found
 $transfer-header-line-w: 65px;