Merge pull request #250 from ovh-ux/develop

AxelPeter · web-flow · commit 5f129f4f45d4 · 2018-07-30T10:24:24.000+02:00
Develop
diff --git a/packages/oui-action-menu/_mixins.less b/packages/oui-action-menu/_mixins.less
@@ -47,7 +47,7 @@
   // Deprecated: Support only for old use
   .action-menu-item-divider-base() {
     display: block;
-    height: rem-calc(1);
+    height: 1px;
     margin: rem-calc(4) 0;
     background-color: @oui-action-menu-divider-color;
   }
diff --git a/packages/oui-box/_variables.less b/packages/oui-box/_variables.less
@@ -1,7 +1,7 @@
 // Box
 @oui-box-background-color: #f6f7f5;
 @oui-box-border-color: #e1e4df;
-@oui-box-border-size: rem-calc(2);
+@oui-box-border-size: 2px;
 @oui-box-padding: rem-calc(20);
 
 // Box - Light
diff --git a/packages/oui-button/_normalize.less b/packages/oui-button/_normalize.less
@@ -1,5 +1,9 @@
 @import '../oui-typography/_mixins';
 
+oui-button {
+  display: inline-block;
+}
+
 #oui {
   .button-normalize() {
     #oui > .text-ellipsis();
diff --git a/packages/oui-button/_variables.less b/packages/oui-button/_variables.less
@@ -7,7 +7,7 @@
 @oui-button-max-width: rem-calc(320);
 @oui-button-padding-base: rem-calc(10);
 @oui-button-padding: @oui-button-padding-base rem-calc(20);
-@oui-button-spacing: 0 0 rem-calc(20);
+@oui-button-spacing: 0;
 
 // Button - Filled
 @oui-button-filled-background-color: @oui-color-turquoise;
@@ -55,7 +55,7 @@
 @oui-button-icon-alone-font-color: @oui-link-font-color;
 @oui-button-icon-alone-min-width: rem-calc(20);
 @oui-button-icon-alone-padding-left: rem-calc(5);
-@oui-button-icon-alone-padding-right: rem-calc(0);
+@oui-button-icon-alone-padding-right: 0;
 @oui-button-icon-alone-margin-right: rem-calc(15);
 @oui-button-icon-alone-icon-font-size: rem-calc(20);
 @oui-button-icon-alone-font-color_hover: @oui-link-font-color_hover;
diff --git a/packages/oui-calendar/_variables.less b/packages/oui-calendar/_variables.less
@@ -4,14 +4,14 @@
 @oui-calendar-font-color_hover: @oui-color-sapphire;
 @oui-calendar-font-size: rem-calc(16);
 @oui-calendar-font-weight: @oui-font-semibold;
-@oui-calendar-border: @oui-calendar-border-color rem-calc(1) solid;
+@oui-calendar-border: @oui-calendar-border-color 1px solid;
 @oui-calendar-border-color: @oui-color-silver;
 @oui-calendar-box-shadow: @oui-dropdown-menu-box-shadow;
 @oui-calendar-separator-color: @oui-color-silver;
 
 @oui-calendar-header-height: rem-calc(60);
 @oui-calendar-header-spacing: rem-calc(20);
-@oui-calendar-header-border-bottom: @oui-calendar-separator-color rem-calc(1) solid;
+@oui-calendar-header-border-bottom: @oui-calendar-separator-color 1px solid;
 
 @oui-calendar-title-arrow-width: rem-calc(15);
 
@@ -27,7 +27,7 @@
 @oui-calendar-cell-line-height: rem-calc(28);
 @oui-calendar-cell-font-color_disabled: @oui-color-dusty;
 @oui-calendar-cell-border-radius: @oui-global-base-radius;
-@oui-calendar-cell-border-width: rem-calc(1);
+@oui-calendar-cell-border-width: 1px;
 @oui-calendar-cell-background-color_hover: @oui-color-charlotte;
 @oui-calendar-cell-background-color_selected: @oui-color-charlotte;
 
diff --git a/packages/oui-checkbox/_variables.less b/packages/oui-checkbox/_variables.less
@@ -4,7 +4,7 @@
 @oui-checkbox-size: rem-calc(16);
 @oui-checkbox-min-height: rem-calc(40);
 @oui-checkbox-line-height: 1.5;
-@oui-checkbox-padding: rem-calc(0);
+@oui-checkbox-padding: 0;
 @oui-checkbox-font-color: @oui-color-sapphire;
 @oui-checkbox-outline-color: @oui-color-dusty;
 @oui-checkbox-outline-color_hover: @oui-checkbox-font-color;
@@ -22,7 +22,7 @@
 // Checkbox - m
 @oui-checkbox-m-size: rem-calc(24);
 @oui-checkbox-m-line-height: 1.3;
-@oui-checkbox-m-padding: rem-calc(0);
+@oui-checkbox-m-padding: 0;
 
 @oui-checkbox-description-font-size: rem-calc(14);
 
diff --git a/packages/oui-datagrid/_mixins.less b/packages/oui-datagrid/_mixins.less
@@ -206,11 +206,11 @@
     position: relative;
 
     &_sticky-checkbox {
-      padding-left: @oui-datagrid-checkbox-column-width - rem-calc(1);
+      padding-left: @oui-datagrid-checkbox-column-width - 1px;
     }
 
     &_sticky-actions {
-      padding-right: @oui-datagrid-action-column-width - rem-calc(1);
+      padding-right: @oui-datagrid-action-column-width - 1px;
     }
   }
 
diff --git a/packages/oui-header-tabs/header-tabs.less b/packages/oui-header-tabs/header-tabs.less
@@ -31,7 +31,7 @@
   &__divider {
     background-color: @oui-color-silver;
     display: block;
-    height: rem-calc(1);
+    height: 1px;
     margin: rem-calc(4) 0;
 
     &:first-child,
diff --git a/packages/oui-input-group/input-group.less b/packages/oui-input-group/input-group.less
@@ -57,6 +57,8 @@ oui-clipboard { display: block; }
     }
 
     .oui-button {
+      transition: none;
+
       &,
       &:hover,
       &:focus {
diff --git a/packages/oui-navbar/_mixins.less b/packages/oui-navbar/_mixins.less
@@ -414,8 +414,6 @@
       color: @font-color;
       border-bottom: @item-border-bottom;
 
-      .oui-button { margin: 0; }
-
       &_active { background-color: @background-color_active; }
 
       &:hover {
@@ -450,8 +448,6 @@
         right: 0;
         pointer-events: none;
       }
-
-      .oui-button { margin: 0; }
     }
 
     // Header for Menu
diff --git a/packages/oui-navbar/_variables.less b/packages/oui-navbar/_variables.less
@@ -134,7 +134,7 @@
 // Navbar Toggler Hamburger
 @oui-navbar-hamburger-width: rem-calc(14);
 @oui-navbar-hamburger-height: rem-calc(12);
-@oui-navbar-hamburger-bar-size: rem-calc(2);
+@oui-navbar-hamburger-bar-size: 2px;
 @oui-navbar-hamburger-bar-color: #fff;
 
 // Navbar Backdrop
diff --git a/packages/oui-navbar/navbar.less b/packages/oui-navbar/navbar.less
@@ -341,8 +341,6 @@
       color: @oui-navbar-menu-font-color;
       border-bottom: @oui-navbar-menu-item-border-bottom;
 
-      .oui-button { margin: 0; }
-
       &_active { background-color: @oui-navbar-menu-background-color_active; }
 
       &:hover {
@@ -377,8 +375,6 @@
         right: 0;
         pointer-events: none;
       }
-
-      .oui-button { margin: 0; }
     }
 
     // Header for Menu
diff --git a/packages/oui-radio-toggle-group/radio-toggle-group.less b/packages/oui-radio-toggle-group/radio-toggle-group.less
@@ -16,7 +16,7 @@
     display: inline-block;
     width: 100%;
     height: rem-calc(40);
-    padding: rem-calc(10) rem-calc(20) rem-calc(0);
+    padding: rem-calc(10) rem-calc(20) 0;
     border: 1px solid @oui-color-dusty;
     text-align: center;
     line-height: 1.2;
diff --git a/packages/oui-radio/_mixins.less b/packages/oui-radio/_mixins.less
@@ -321,7 +321,7 @@
 
     .@{selector}__section {
       padding-top: rem-calc(9);
-      border-top: rem-calc(1) solid @border-color;
+      border-top: 1px solid @border-color;
       margin-top: rem-calc(4);
     }
 
diff --git a/packages/oui-select-picker/_mixins.less b/packages/oui-select-picker/_mixins.less
@@ -68,7 +68,7 @@
         #oui > .thumbnail-base-color(
           @oui-select-picker-value-border-color,
           @oui-select-picker-value-background-color,
-          rem-calc(1)
+          1px
         );
 
         & > span,
diff --git a/packages/oui-spinner/_variables.less b/packages/oui-spinner/_variables.less
@@ -3,7 +3,7 @@
 // spinner S
 @oui-spinner-s-background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj48cGF0aCBpZD0iUGFnZS0xIiBkPSJNMTAsMTcuMzFBNy4zMSw3LjMxLDAsMSwxLDE3LjMxLDEwLDcuMzEsNy4zMSwwLDAsMSwxMCwxNy4zMU0xMCwuNEE5LjYsOS42LDAsMSwwLDE5LjYsMTAsOS42LDkuNiwwLDAsMCwxMCwuNCIgZmlsbD0ibm9uZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5taWNvckFydGJvYXJkIDEgY29weTwvdGl0bGU+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPjxpbWFnZSB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDEgLTAuMDMpIHNjYWxlKDAuNSAwLjUpIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUNnQUFBQW9DQU1BQUFDN0lFaGZBQUFCUzJsVVdIUllUVXc2WTI5dExtRmtiMkpsTG5odApjQUFBQUFBQVBEOTRjR0ZqYTJWMElHSmxaMmx1UFNMdnU3OGlJR2xrUFNKWE5VMHdUWEJEWldocFNIcHlaVk42VGxSamVtdGpPV1FpClB6NEtQSGc2ZUcxd2JXVjBZU0I0Yld4dWN6cDRQU0poWkc5aVpUcHVjenB0WlhSaEx5SWdlRHA0YlhCMGF6MGlRV1J2WW1VZ1dFMVEKSUVOdmNtVWdOUzQyTFdNeE16Z2dOemt1TVRVNU9ESTBMQ0F5TURFMkx6QTVMekUwTFRBeE9qQTVPakF4SUNBZ0lDQWdJQ0FpUGdvZwpQSEprWmpwU1JFWWdlRzFzYm5NNmNtUm1QU0pvZEhSd09pOHZkM2QzTG5jekxtOXlaeTh4T1RrNUx6QXlMekl5TFhKa1ppMXplVzUwCllYZ3Ribk1qSWo0S0lDQThjbVJtT2tSbGMyTnlhWEIwYVc5dUlISmtaanBoWW05MWREMGlJaTgrQ2lBOEwzSmtaanBTUkVZK0Nqd3YKZURwNGJYQnRaWFJoUGdvOFAzaHdZV05yWlhRZ1pXNWtQU0p5SWo4K0lFbXVPZ0FBQUFSblFVMUJBQUN4and2OFlRVUFBQUFCYzFKSApRZ0N1emh6cEFBQURBRkJNVkVVQXZkNEF2dDhBdmR3QXZ1QUF1OTBBdmQ4QXZlQUF2dUFBdmQ4QXZkNEF2dDhBdmVBQXZlQUF2ZUFBCnZlQUF2ZUFBdnQ0QXZkOEF2dDhBdXRvQXZ1QUF2K0FBdmQ0QXZkNEF2dUFBdnQ4QXZ0OEF2ZUFBdmVBQXZkOEF2ZUFBd09BQXV1RUEKdnQ4QXZkOEF2TjBBdk9BQXZ0NEF1OWdBdmQ4QXZkOEF2dUFBdmVBQUFBQUF2ZDhBdjlvQXU5MEF2T0FBdmVBQXY5OEF2ZUVBdmVFQQp2ZDhBdk9FQXZkOEF2OThBdmQ4QXZkOEF2ZDRBdmQ4QXhOY0F2ZUVBdmVBQXZkOEF2ZDhBdnQ4QXZkOEF2ZUFBdk9JQXZkOEF2dDhBCnZkOEF2ZDhBdmVBQXZkOEF2dDhBdmQ4QXVlUUF2dUFBdHRvQXZ1QUF2ZUFBdnQ4QXZ1QUF3ZUFBdk44QXUrRUF2T0FBdnQ0QXY5OEEKdnQ4QXZ1QUF2dDhBdmVFQXU5NEF2TjhBdnQ4QXVlY0F2ZDRBdnVBQXZkOEF2dUVBdnVBQXZ1RUF2ZUFBdnVBQXZlQUF2dUFBdmQ4QQp4czRBdnVBQXZkOEF2ZUFBdnQ4QXZlQUF2TjhBcmRBQXN0TUF2ZDRBdjk4QXZkOEF2dDRBdk9FQXZ1QUF2OThBdnVFQXZ0NEF2ZDhBCnZlRUF1K0lBdnQ4QXZlQUF2ZUFBdnQ4QXZPQUF1OThBdmQ4QXZ0OEF2T0FBdnVBQXZ1QUF2dUFBdnVBQXZkOEF2ZDhBdnVBQXU5MEEKdmVBQXZOOEF2dUVBdU5zQXdOOEF1ZUFBdmVBQXZ0OEF2TjhBdmVBQXY5OEF2K0FBdnVFQXZ1QUF1ZHdBdnQ4QXZkOEF2dUFBdnQ4QQp2dDhBdmVBQXV0OEF2ZDhBdmQ0QXZlQUF2dUFBdnVBQXZ0OEF2OThBdnVBQXZ1QUF2ZUFBdk9BQXZ0OEF2dDhBdk9BQXZPQUF1T0lBCnU5OEF2OVFBdmQ4QXYrRUF2ZDhBdk9BQXZPQUF2K0FBdnVBQXY5OEF2ZUVBdmVFQXZ0OEF2ZDhBdTk4QXZkNEF2ZDhBenY4QXZ0OEEKdmVBQXZkOEF2dDhBdmQ4QXR0b0F2TjBBd3RvQXUrRUF2ZUVBdk9BQXZOOEF2dDRBdnQ0QXZkOEF2ZDhBditJQXZlQUF2ZUFBdmVBQQp2ZUVBdmVBQXZkOEF2dUFBdmQ0QXZlQUF2dDhBdk9BQXR1QUF1OThBdmQ4QXZkOEF2ZUFBdmQ0QXZ0NEF2ZDRBdk9BQXZkNEFxdFFBCnZ0NEF2ZDRBdmQ4QXZ1QUF2T0FBdmQ0QXZ1QUF2dDhBdnVBQXZkOEF2T0FBdmQ4QXZ1QUF2ZUE2M0ZFakFBQUEvblJTVGxNZnpTUkwKSnFUSG5sRGZXRzlkbUkydjNkdkxGSWRrTFZlT21yTEExKzd6SUJwemNSZHNYeE5obktiaUFPWWNIbjRwT0NOV1NUMTRNSUZaUm5rTgpYbjFwbTZHam9CdkVxb2k4cDVDcHJBbWRCK0hPNWZJWlFTSmJUeXlEYm1wRVgyaUtDMmVYbExaak03ZXUxdGphQk5uVDRkVHA2eFlYClBoaUFSMHhUS0dZM2hTczFranFGb21NeHM4WGYwY25HME9UU3VRK3c1K2dkSENGdGV5ZENFRlIzUXhhTFlqdVprMlVwa1MrZnVuYTkKWU9DMXFNRFYzZXI3RWtnTVVqUjFNbHhjYXdoT1ZYcEtPWlhqQWNMNDgvMytEallWUEJHVmxwMm1xN3drdU1qUDZlZnQ4UFgzOU84WQpjaitKZEZXWDN0UzBCdXp2dE1HbXQ3N2UrdlhRNndzKzhySUFBQVVpU1VSQlZEakxOZEI1UE5SNUhBYndyMk9haVVaam5NTnNpQnl6Cm8xd2xaTjI4M1BkVnhMcXZ6YldiR3NrOUlRekpsU1ZIUXBHYmRMQXBaZGF4YlZsS3RURmxkV3EzOXFyZFY3dWY3Mi8wdk9iUDl6elAKOS9ORHBIeVNqbzZqczcxTDdPWUtwZDYveWpzWC8xYTJLOWxRVEtkN0huL3pKbzU1UUhyd2ZkRkdGaHRabmJmSnR5YXRVNlZmSTJQSwpGeS8wMjlrUnNyUXNjU0ErUGtHYVJ1dmhvZk51WktBazBwOTlJQ3VVQ2lJZkFweXlLM3lFS3hPVDQ1anhDWU8wdFNJZVd0QUdhWlZQCnV1Zm9mSitvQktnOFpWZnlpQzd5OC9IRUFaaVdCdWZoaGR3c1FkcFl3VHBSV2RBYjAzbEJtWmlHNVdRbUhsNHI2dUd6a1Raalhlb0kKSzRXd2NBT2REb1g0RmhxdHFDZUp2NFFZVktITXh3ZTV4Q3I5SHRPNXFJeVg2VkFZeDB3Z0hJdGZpYWl2cWEwTVN6ZDgwRDFuKzFpNApwbnl4MzY2d0dKK0NYemhJT040UW9rN09nOVRXSnR0WWt4enRZVnNJOFNuSmNUQmNWTVJpOGIxT3BxTFhFWlB6NFZRR1l3R2tUdC85CldLWGVoM2lhTGxLYUdCY3ZUWHVmNU1IbmVTMmxMS09JanJNUmsrSFVWc3NGc3BYMVBXZVhpb0lZZ0J2b25tVUQ4UWx3TUl2SFl5OVYKRHYyQ2NwdzZjczVHaEllM1dtcVRyZkQ0T2l4TlppWklZOGRtcHp4Ky9GYUFuQlFWTWYxcG5zckFzczlGS1hKUnVhVFlzeXp1QUcwdAppYzlqbjB3WlNrMWRua0dLVWxKQW5YSmd2OVdTYktWanZ6bXk4NDhTS0l3ZlhQUGd3K3RTVXBlWGx3VXJTQ3EwdVJtc0V6dzFuR3BKCnRuWjBLU2hYTGhFcFkwcERIN3NTczNmdkJONVBVYWlEUTJob00xR2JNMGxsa0syZEs4cjdpLzhkU0ZoTDRpMFJUQ0FRZUs5TUl3ZFoKV1ZrSGh4ZTRWN0hqYkRpRHJCTWJNMFZQUExERzhrb1plZ3RsZ2kwelc1NDhHVWF5ZVhsNW1XQmxaVitFQW8yZ2t2dDZwenlaZzZ5bApvZVhQQk43ZU16TlBJRTluVWVaZW5FelFtSWRLT1UyU0t3cVROM3FsZ2xyNTUrbjA5UFNINGVIaDJZOW85eUdjM1RoNzRiYzN6MEhLClRmQmhkdllIeUVjaS94RkJoM1lJODhWNkpzeTZMS0tSN2VycTZqZkNmQzBNMm5FS01qRXhZV1ptdG12WDZTNDFTUTB1NVpqdENWZjMKMzc3Nkh2TDVwNkJUUWdHL3EycHFXeVd2aFdoSjNMelZ2bDFkODhTZUwxMWQzZDNoRDBTUTJXbm82YnI2RXF0OUdoWnQzU1lVMDl4ego0a2kxU1hNT0xPQng5M0h3YUZjWE5LazkyNHBaVUJpMzIvL0c5ZUF6MFZrUGtHM2FIVXozWENMd09PcFN3MTJTKzRDRlpIQzF4aFFvCllzRjNzK1dQR0tCcUgzVVp6WXYxdHk4UkZyM2NpbG10UnBCRldGdVUxaWFKaGdDanhwMzZ4bG5pZmtoWFZWMUdSbk91L3NSdDZFWFAKQ0hiTklpUkRybVhiSmhOREN1Znd0enYxUitYYkNaa0dwWm9YNTRBaXlWcGd1STZMblVKNmdCaUdWNHl6NmtSclVKV3RUMW9UdEY2YwpxMGVTbUlWa3RIRzF0bTN5bDNoRjRSaVpBc3dlbGRlcmUrQUhFa29KaW1xQmhXWElSV0ZuWXBndWhMbEhvNDBEMjhVZnFLQXFYUjhmCjlhWTdNakpJd3lJTTZxSzA5cHVQbVNnMFVBTEVSakRVanphVzF6c2lhcUNDdHV1cStrRHBIUlFVRXRZbTF3THVPeE1KdzhzQm5Kc2oKd2I0QXJ4dzdGOWhlaDJXVnJxMnFqN282Q21tVDQ3YkFMbllOR0I0MjlUMlllelI3MUZnKzY0aTRxRUVOZElKTVEyRlJYSzN1L2VidwpRSVViNlpUckhLUER3YjRIeitqL0NOdUJlaUQ5WUwxS1YxVVZaUkRPM0I4WFVnSTRZaVByRUxibHM5ckZSUWxaWFcyTDJyakNQZ2xoCklTeGplSXZZSmlvTmFyRFVSVnk0QXg1b29nQXZwRndYTXhveGJmUTllQmRnTks3VXEvc2tVUXU0TVhpZ0lSUUdjT0FyQmpjK3g1RFkKRHRRakpGNUgrRXVQNFJlK1NyOU00WWdaZ2ZSOXZ2Tk1McTRVam1OWm8vSS9WOU4reDVDWjFhOEFBQUFBU1VWT1JLNUNZSUk9Ii8+PC9nPjwvc3ZnPg==);
 @oui-spinner-s-size: rem-calc(20);
-@oui-spinner-s-spacing: rem-calc(0);
+@oui-spinner-s-spacing: 0;
 @oui-spinner-s-speed-rotation: 800ms;
 @oui-spinner-s-speed-scale: 300ms;
 
diff --git a/packages/oui-stepper/_normalize.less b/packages/oui-stepper/_normalize.less
@@ -1,5 +1,10 @@
 @import '../oui-typography/_mixins';
 
+oui-stepper,
+oui-step-form {
+  display: block;
+}
+
 #oui {
   .stepper-normalize() {
     #oui > .base-font();
diff --git a/packages/oui-stepper/stepper.less b/packages/oui-stepper/stepper.less
@@ -92,10 +92,6 @@
     }
   }
 
-  &__footer {
-    .oui-button { margin-bottom: 0; }
-  }
-
   // Variant `disabled`
   &__container_disabled {
     pointer-events: all;
diff --git a/packages/oui-switch/_variables.less b/packages/oui-switch/_variables.less
@@ -1,7 +1,7 @@
 // Switch
 @oui-switch-width: rem-calc(54);
 @oui-switch-height: rem-calc(24);
-@oui-switch-border-width: rem-calc(2);
+@oui-switch-border-width: 2px;
 
 
 
diff --git a/packages/oui-thumbnail/_variables.less b/packages/oui-thumbnail/_variables.less
@@ -1,8 +1,8 @@
 @import '../oui-color/_variables';
 
 // Thumbnail
-@oui-thumbnail-border-size: rem-calc(1);
-@oui-thumbnail-border-size-checked: rem-calc(2);
+@oui-thumbnail-border-size: 1px;
+@oui-thumbnail-border-size-checked: 2px;
 @oui-thumbnail-border-radius: rem-calc(4);
 @oui-thumbnail-border-color: @oui-color-turquoise;
 @oui-thumbnail-border-color_hover: @oui-color-turquoise;
diff --git a/packages/oui-typography/typography.less b/packages/oui-typography/typography.less
@@ -1,6 +1,21 @@
+@import '../oui/_settings';
 @import '../oui-typography/_constants';
 @import './_mixins';
 
+body {
+  #oui > .base-font();
+
+  font-size: @oui-global-base-font-size;
+}
+
+abbr[title],
+abbr[oui-tooltip],
+abbr[data-oui-tooltip] {
+  border-bottom: dashed 1px @oui-color-pacific;
+  text-decoration: none;
+  cursor: help;
+}
+
 .oui-header {
   #oui > .headers();
 
@@ -30,11 +45,3 @@
     #oui > .horizontal-line-thin();
   }
 }
-
-abbr[title],
-abbr[oui-tooltip],
-abbr[data-oui-tooltip] {
-  border-bottom: dashed 1px @oui-color-pacific;
-  text-decoration: none;
-  cursor: help;
-}
diff --git a/packages/oui/_normalize.less b/packages/oui/_normalize.less
diff --git a/packages/oui/_settings.less b/packages/oui/_settings.less
@@ -4,6 +4,8 @@
 @oui-global-base-z-index: 0;
 @oui-global-base-font-family-fallback: sans-serif;
 @oui-global-base-font-family: 'Source Sans Pro', @oui-global-base-font-family-fallback;
+@oui-global-base-font-size: rem-calc(16);
+@oui-global-base-font-size_small: rem-calc(14);
 @oui-global-base-line-height: 1.5;
 @oui-global-base-letter-spacing: 0.007em;
 @oui-global-base-radius: 3px;
diff --git a/packages/oui/stylekit.less b/packages/oui/stylekit.less
@@ -1,5 +1,3 @@
-@import '_normalize';
-
 @import '../oui-themes/themes';
 @import '../oui-typography/fonts';
 @import '../oui-typography/typography';

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@`
`47`	`47`	`// Deprecated: Support only for old use`
`48`	`48`	`.action-menu-item-divider-base() {`
`49`	`49`	`display: block;`
`50`		`- height: rem-calc(1);`
	`50`	`+ height: 1px;`
`51`	`51`	`margin: rem-calc(4) 0;`
`52`	`52`	`background-color: @oui-action-menu-divider-color;`
`53`	`53`	`}`
Original file line number	Diff line number	Diff line change
`@@ -206,11 +206,11 @@`
`206`	`206`	`position: relative;`
`207`	`207`
`208`	`208`	`&_sticky-checkbox {`
`209`		`- padding-left: @oui-datagrid-checkbox-column-width - rem-calc(1);`
	`209`	`+ padding-left: @oui-datagrid-checkbox-column-width - 1px;`
`210`	`210`	`}`
`211`	`211`
`212`	`212`	`&_sticky-actions {`
`213`		`- padding-right: @oui-datagrid-action-column-width - rem-calc(1);`
	`213`	`+ padding-right: @oui-datagrid-action-column-width - 1px;`
`214`	`214`	`}`
`215`	`215`	`}`
`216`	`216`
Original file line number	Diff line number	Diff line change
`@@ -57,6 +57,8 @@ oui-clipboard { display: block; }`
`57`	`57`	`}`
`58`	`58`
`59`	`59`	`.oui-button {`
	`60`	`+ transition: none;`
	`61`	`+`
`60`	`62`	`&,`
`61`	`63`	`&:hover,`
`62`	`64`	`&:focus {`
Original file line number	Diff line number	Diff line change
`@@ -414,8 +414,6 @@`
`414`	`414`	`color: @font-color;`
`415`	`415`	`border-bottom: @item-border-bottom;`
`416`	`416`
`417`		`- .oui-button { margin: 0; }`
`418`		`-`
`419`	`417`	`&_active { background-color: @background-color_active; }`
`420`	`418`
`421`	`419`	`&:hover {`
`@@ -450,8 +448,6 @@`
`450`	`448`	`right: 0;`
`451`	`449`	`pointer-events: none;`
`452`	`450`	`}`
`453`		`-`
`454`		`- .oui-button { margin: 0; }`
`455`	`451`	`}`
`456`	`452`
`457`	`453`	`// Header for Menu`