MAGETWO-32274: Base Styles

- Removed some files
- UI Kit updates

Author: Oleg Zinoviev

app/design/adminhtml/Magento/backend/web/css/source/_buttons.less

@@ -33,6 +33,7 @@
 @button-base__large__padding-horizontal: 1.45em;
 
 @button-base__hover__bg-color: darken(@button-base__bg-color, 3%);
+@button-base__hover__box-shadow: 0 0 0 1px @color-dodger-blue;
 @button-base__active__bg-color: darken(@button-base__bg-color, 5%);
 
 @button-primary__hover__bg-color: @color-phoenix-brown;
@@ -61,6 +62,7 @@
     vertical-align: middle;
     &:hover {
         background-color: @button-base__hover__bg-color;
+        .css(box-shadow, @button-base__hover__box-shadow);
         color: @button-base__color;
         text-decoration: none;
     }
@@ -95,7 +97,6 @@
     font-family: @font-family-base;
     font-size: 1.4rem;
     &:hover,
-    &:focus,
     &:active {
         background-color: transparent;
         border-color: transparent;
@@ -113,7 +114,6 @@
     color: @button-primary__color;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
     &:hover,
-    &:focus,
     &:active {
         background-color: @button-primary__hover__bg-color;
         border-color: @button-primary__hover__border-color;
@@ -137,7 +137,6 @@
     color: @button-secondary__color;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
     &:hover,
-    &:focus,
     &:active {
         background-color: @button-secondary__hover__bg-color;
         color: @button-secondary__color;
@@ -156,7 +155,6 @@
     border-color: rgba(0, 0, 0, 0);
     color: @color-gray20;
     &:hover,
-    &:focus,
     &:active {
         background-color: rgba(0, 0, 0, 0);
     }
@@ -171,7 +169,6 @@
     border-color: @button-tertiary__border-color;
     color: @button-tertiary__color;
     &:hover,
-    &:focus,
     &:active {
         background-color: @button-tertiary__hover_bg-color;
         border-color: @button-tertiary__hover__border-color;
@@ -184,15 +181,20 @@
 
 .actions-split {
     .dropdown-split(
-    @_toggle-selector: ~".action-toggle",
-    @_button-selector: ~".action-default",
-    @_options-selector :  ~".dropdown-menu",
-    @_dropdown-split-button-border-radius-fix: true,
-    @_dropdown-split-list-min-width: 175px,
-    @_icon-font-size: 40px,
-    @_icon-font-line-height: 14px,
-    @_icon-font-vertical-align: middle
+        @_toggle-selector: ~".action-toggle",
+        @_button-selector: ~".action-default",
+        @_options-selector :  ~".dropdown-menu",
+        @_dropdown-split-button-border-radius-fix: true,
+        @_dropdown-split-list-min-width: 175px,
+        @_icon-font-size: 40px,
+        @_icon-font-line-height: 14px,
+        @_icon-font-vertical-align: middle
     );
+    &:hover {
+        &:not(.disabled) {
+            .css(box-shadow, @button-base__hover__box-shadow);
+        }
+    }
     vertical-align: middle;
     button {
         margin-left: 0;
@@ -205,5 +207,8 @@
                 padding: @button-base__large__padding-vertical 0;
             }
         }
+        &:hover {
+            box-shadow: none;
+        }
     }
 }

app/design/adminhtml/Magento/backend/web/css/source/_components.less

@@ -9,6 +9,4 @@
 //  _____________________________________________
 
 @import 'components/_navigation';
-@import 'components/_tooltips';
-@import 'components/_progress-bars';
 @import 'components/_spinner';

app/design/adminhtml/Magento/backend/web/css/source/_sources.less

@@ -17,7 +17,6 @@
 @import '_forms';
 @import '_tables';
 @import '_alerts';
-@import '_structures'; // ToDo UI: find out do we need it
 @import '_grid';
 @import '_extend';
 

app/design/adminhtml/Magento/backend/web/css/source/_structures.less

@@ -51,23 +51,38 @@ body {
 //  ---------------------------------------------
 
 h1 {
-    color: @color-dark-brownie;
-    font-size: 2.8rem;
-    font-weight: @font-weight-regular;
+    .typography(
+        @_font-size: 2.8rem,
+        @_color: @color-dark-brownie,
+        @_font-weight: @font-weight-regular,
+        @_line-height: 3.4rem,
+        @_font-family: false,
+        @_font-style: false
+    );
     margin: 0 0 2rem;
 }
 
 h2 {
-    color: @color-dark-brownie;
-    font-size: 2rem;
-    font-weight: @font-weight-regular;
+    .typography(
+        @_font-size: 2rem,
+        @_color: @color-dark-brownie,
+        @_font-weight: @font-weight-regular,
+        @_line-height: 2.5rem,
+        @_font-family: false,
+        @_font-style: false
+    );
     margin: 0 0 2rem;
 }
 
 h3 {
-    color: @color-dark-brownie;
-    font-size: 1.7rem;
-    font-weight: @font-weight-semibold;
+    .typography(
+        @_font-size: 1.7rem,
+        @_color: @color-dark-brownie,
+        @_font-weight: @font-weight-semibold,
+        @_line-height: 2.2rem,
+        @_font-family: false,
+        @_font-style: false
+    );
     margin: 0 0 2rem;
 }
 
@@ -80,7 +95,7 @@ h6 {
 
 //  Text
 p {
-    margin: 0 0 1em;
+    margin: 0 0 1.5em;
 }
 
 //  Links

app/design/adminhtml/Magento/backend/web/css/source/_typography.less

@@ -3,27 +3,7 @@
 //  * See COPYING.txt for license details.
 //  */
 
-@import 'utilities/_vendor-prefixes';
 @import 'utilities/_grid-framework';
 @import 'utilities/_grid';
 @import 'utilities/_animations';
 @import 'utilities/_spinner';
-
-//  Clip & hide element
-.clip() {
-    clip: rect(0, 0, 0, 0);
-    position: absolute;
-}
-
-//
-//  Effects
-//  ---------------------------------------------
-
-.effect-hover-opacity (
-    @opacity: .85,
-    @transition: opacity .2s linear) {
-    transition: @transition;
-    &:hover {
-        opacity: @opacity;
-    }
-}