From 970a746e1274419973be563ffd8e3a49a8cb26ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Tue, 30 Oct 2018 21:13:56 +0200
Subject: [PATCH 01/12] Update _module.less

code clean up
---
 .../Magento_MultipleWishlist/web/css/source/_module.less     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/design/frontend/Magento/blank/Magento_MultipleWishlist/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_MultipleWishlist/web/css/source/_module.less
index 145dc10263fb1..cb341f3f479ba 100644
--- a/app/design/frontend/Magento/blank/Magento_MultipleWishlist/web/css/source/_module.less
+++ b/app/design/frontend/Magento/blank/Magento_MultipleWishlist/web/css/source/_module.less
@@ -185,7 +185,7 @@
         }
 
         .form-wishlist-search {
-            .lib-css(margin-bottom, @indent__l*2);
+            margin-bottom: @indent__l * 2;
             max-width: 500px;
 
             .fieldset {
@@ -216,8 +216,9 @@
 
     .block-wishlist-info-items {
         .block-title {
-            .lib-css(margin-bottom, @indent__base);
             .lib-font-size(22);
+            margin-bottom: @indent__base;
+            
             > strong {
                 font-weight: @font-weight__light;
             }

From c7aa2f7def099baefda795e3ff64ea26e8ce1d19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Tue, 30 Oct 2018 21:24:33 +0200
Subject: [PATCH 02/12] Update _module.less

---
 .../Magento_MultipleWishlist/web/css/source/_module.less | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/design/frontend/Magento/luma/Magento_MultipleWishlist/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_MultipleWishlist/web/css/source/_module.less
index 6ab7a8e47a174..0b01c54a64378 100644
--- a/app/design/frontend/Magento/luma/Magento_MultipleWishlist/web/css/source/_module.less
+++ b/app/design/frontend/Magento/luma/Magento_MultipleWishlist/web/css/source/_module.less
@@ -40,6 +40,7 @@
             .items {
                 padding: 6px 0;
                 text-align: left;
+                
                 .item {
                     > span {
                         display: block;
@@ -47,6 +48,7 @@
                     }
 
                 }
+                
                 li {
                     padding: 0;
                 }
@@ -115,6 +117,7 @@
                     &.split,
                     &.toggle {
                         .lib-css(color, @link__color);
+                        
                         &:before {
                             display: none;
                         }
@@ -135,6 +138,7 @@
 
         &.overlay {
             .lib-window-overlay();
+            
             &.active {
                 display: block;
             }
@@ -254,7 +258,7 @@
         }
 
         .form-wishlist-search {
-            .lib-css(margin-bottom, @indent__l*2);
+            margin-bottom: @indent__l * 2;
             max-width: 500px;
 
             .fieldset {
@@ -281,7 +285,7 @@
 
     .block-wishlist-info-items {
         .block-title {
-            .lib-css(margin-bottom, @indent__base);
+            margin-bottom: @indent__base;
             .lib-font-size(22px);
 
             > strong {
@@ -352,6 +356,7 @@
             //  Select wish list
             &-select {
                 margin: 0 -@layout__width-xs-indent 20px;
+                
                 .wishlist-name {
                     .lib-font-size(16);
                     &:extend(.abs-toggling-title-mobile all);

From b0fca1d57b6b9352e62f8059e58f5d62bf8c45d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Tue, 30 Oct 2018 21:31:16 +0200
Subject: [PATCH 03/12] Update _widgets.less

---
 .../Magento/blank/Magento_Banner/web/css/source/_widgets.less  | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/design/frontend/Magento/blank/Magento_Banner/web/css/source/_widgets.less b/app/design/frontend/Magento/blank/Magento_Banner/web/css/source/_widgets.less
index 80ac77e42fc04..c961d49c5b589 100644
--- a/app/design/frontend/Magento/blank/Magento_Banner/web/css/source/_widgets.less
+++ b/app/design/frontend/Magento/blank/Magento_Banner/web/css/source/_widgets.less
@@ -8,7 +8,6 @@
 //  _____________________________________________
 
 & when (@media-common = true) {
-
     .block-banners,
     .block-banners-inline {
         &:extend(.abs-margin-for-blocks-and-widgets);
@@ -22,7 +21,7 @@
         }
 
         .banner-item-content {
-            .lib-css(margin-bottom, @indent__base);
+            margin-bottom: @indent__base;
 
             img {
                 display: block;

From b198d34bda628bc022bef79767cacbb075c1d62c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Tue, 30 Oct 2018 21:37:50 +0200
Subject: [PATCH 04/12] Update _minicart.less

---
 .../web/css/source/module/_minicart.less      | 62 ++++++++++---------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less
index 7bd27106b67d9..2219db1cf694d 100644
--- a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less
+++ b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less
@@ -125,7 +125,7 @@
         float: right;
 
         .block-minicart {
-            .lib-css(padding, 25px @minicart__padding-horizontal);
+            padding: 25px @minicart__padding-horizontal;
 
             .block-title {
                 display: none;
@@ -148,10 +148,10 @@
         .action {
             &.close {
                 .lib-button-icon(
-                @icon-remove,
-                @_icon-font-size: 32px,
-                @_icon-font-line-height: 32px,
-                @_icon-font-text-hide: true
+                    @icon-remove,
+                    @_icon-font-size: 32px,
+                    @_icon-font-line-height: 32px,
+                    @_icon-font-text-hide: true
                 );
                 .lib-button-reset();
                 height: 40px;
@@ -205,8 +205,8 @@
     }
 
     .minicart-items-wrapper {
-        .lib-css(border, 1px solid @minicart__border-color);
-        .lib-css(margin, 0 -@minicart__padding-horizontal);
+        border: 1px solid @minicart__border-color;
+        margin: 0 -@minicart__padding-horizontal;
         border-left: 0;
         border-right: 0;
         overflow-x: auto;
@@ -220,7 +220,7 @@
             padding: @indent__base 0;
 
             &:not(:first-child) {
-                .lib-css(border-top, 1px solid @minicart__border-color);
+                border-top: 1px solid @minicart__border-color;
             }
 
             &:first-child {
@@ -254,12 +254,12 @@
 
             .toggle {
                 .lib-icon-font(
-                @_icon-font-content: @icon-down,
-                @_icon-font-size: 28px,
-                @_icon-font-line-height: 16px,
-                @_icon-font-text-hide: false,
-                @_icon-font-position: after,
-                @_icon-font-display: block
+                    @_icon-font-content: @icon-down,
+                    @_icon-font-size: 28px,
+                    @_icon-font-line-height: 16px,
+                    @_icon-font-text-hide: false,
+                    @_icon-font-position: after,
+                    @_icon-font-display: block
                 );
                 cursor: pointer;
                 position: relative;
@@ -274,8 +274,8 @@
             &.active {
                 > .toggle {
                     .lib-icon-font-symbol(
-                    @_icon-font-content: @icon-up,
-                    @_icon-font-position: after
+                        @_icon-font-content: @icon-up,
+                        @_icon-font-position: after
                     );
                 }
             }
@@ -304,6 +304,7 @@
 
             .weee[data-label] {
                 .lib-font-size(11);
+                
                 .label {
                     &:extend(.abs-no-display all);
                 }
@@ -317,12 +318,12 @@
         .product.options {
             .tooltip.toggle {
                 .lib-icon-font(
-                @icon-down,
-                @_icon-font-size: 28px,
-                @_icon-font-line-height: 28px,
-                @_icon-font-text-hide: true,
-                @_icon-font-margin: -3px 0 0 7px,
-                @_icon-font-position: after
+                    @icon-down,
+                    @_icon-font-size: 28px,
+                    @_icon-font-line-height: 28px,
+                    @_icon-font-text-hide: true,
+                    @_icon-font-margin: -3px 0 0 7px,
+                    @_icon-font-position: after
                 );
 
                 .details {
@@ -357,19 +358,19 @@
             &.edit,
             &.delete {
                 .lib-icon-font(
-                @icon-settings,
-                @_icon-font-size: 28px,
-                @_icon-font-line-height: 28px,
-                @_icon-font-text-hide: true,
-                @_icon-font-color: @color-gray19,
-                @_icon-font-color-hover: @color-gray19,
-                @_icon-font-color-active: @color-gray19
+                    @icon-settings,
+                    @_icon-font-size: 28px,
+                    @_icon-font-line-height: 28px,
+                    @_icon-font-text-hide: true,
+                    @_icon-font-color: @color-gray19,
+                    @_icon-font-color-hover: @color-gray19,
+                    @_icon-font-color-active: @color-gray19
                 );
             }
 
             &.delete {
                 .lib-icon-font-symbol(
-                @_icon-font-content: @icon-trash
+                    @_icon-font-content: @icon-trash
                 );
             }
         }
@@ -399,6 +400,7 @@
 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
     .minicart-wrapper {
         margin-left: 13px;
+        
         .block-minicart {
             right: -15px;
             width: 390px;

From b48b95f0c6027e7bf93ce49297c4cb04b567b577 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Tue, 30 Oct 2018 21:42:18 +0200
Subject: [PATCH 05/12] Update _minicart.less

---
 .../web/css/source/module/_minicart.less      | 77 ++++++++++---------
 1 file changed, 40 insertions(+), 37 deletions(-)

diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less
index 03e4bfff3ba9c..14db9dd868e00 100644
--- a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less
+++ b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less
@@ -107,28 +107,28 @@
 
     .minicart-wrapper {
         .lib-dropdown(
-        @_toggle-selector: ~'.action.showcart',
-        @_options-selector: ~'.block-minicart',
-        @_dropdown-list-width: 320px,
-        @_dropdown-list-position-right: 0px,
-        @_dropdown-list-pointer-position: right,
-        @_dropdown-list-pointer-position-left-right: 26px,
-        @_dropdown-list-z-index: 101,              
-        @_dropdown-toggle-icon-content: @icon-cart,
-        @_dropdown-toggle-active-icon-content: @icon-cart,
-        @_dropdown-list-item-padding: false,
-        @_dropdown-list-item-hover: false,
-        @_icon-font-position: before,
-        @_icon-font-size: 22px,
-        @_icon-font-line-height: 28px,
-        @_icon-font-color: @minicart-icons-color,
-        @_icon-font-color-hover: @minicart-icons-color-hover,
-        @_icon-font-color-active: @minicart-icons-color
+            @_toggle-selector: ~'.action.showcart',
+            @_options-selector: ~'.block-minicart',
+            @_dropdown-list-width: 320px,
+            @_dropdown-list-position-right: 0px,
+            @_dropdown-list-pointer-position: right,
+            @_dropdown-list-pointer-position-left-right: 26px,
+            @_dropdown-list-z-index: 101,              
+            @_dropdown-toggle-icon-content: @icon-cart,
+            @_dropdown-toggle-active-icon-content: @icon-cart,
+            @_dropdown-list-item-padding: false,
+            @_dropdown-list-item-hover: false,
+            @_icon-font-position: before,
+            @_icon-font-size: 22px,
+            @_icon-font-line-height: 28px,
+            @_icon-font-color: @minicart-icons-color,
+            @_icon-font-color-hover: @minicart-icons-color-hover,
+            @_icon-font-color-active: @minicart-icons-color
         );
         float: right;
 
         .block-minicart {
-            .lib-css(padding, 25px @minicart__padding-horizontal);
+            padding: 25px @minicart__padding-horizontal;
             
             .block-title {
                 display: none;
@@ -216,8 +216,8 @@
     }
 
     .minicart-items-wrapper {
-        .lib-css(border, 1px solid @minicart__border-color);
-        .lib-css(margin, 0 -@minicart__padding-horizontal);
+        border: 1px solid @minicart__border-color;
+        margin: 0 -@minicart__padding-horizontal;
         border-left: 0;
         border-right: 0;
         overflow-x: auto;
@@ -226,11 +226,12 @@
 
     .minicart-items {
         .lib-list-reset-styles();
+        
         .product-item {
             padding: @indent__base 0;
 
             &:not(:first-child) {
-                .lib-css(border-top, 1px solid @minicart__border-color);
+                border-top: 1px solid @minicart__border-color;
             }
 
             &:first-child {
@@ -297,13 +298,14 @@
 
             .toggle {
                 &:extend(.abs-toggling-title all);
+                border: 0;
+                padding: 0 @indent__xl @indent__xs 0;
+                
                 &:after {
                     .lib-css(color, @color-gray56);
                     margin: 0 0 0 @indent__xs;
                     position: static;
                 }
-                border: 0;
-                padding: 0 @indent__xl @indent__xs 0;
             }
 
             .active {
@@ -323,14 +325,15 @@
                 .toggle {
                     &.tooltip {
                         .lib-icon-font(
-                        @icon-down,
-                        @_icon-font-size: 12px,
-                        @_icon-font-line-height: 12px,
-                        @_icon-font-text-hide: true,
-                        @_icon-font-margin: -3px 0 0 7px,
-                        @_icon-font-position: after
+                            @icon-down,
+                            @_icon-font-size: 12px,
+                            @_icon-font-line-height: 12px,
+                            @_icon-font-text-hide: true,
+                            @_icon-font-margin: -3px 0 0 7px,
+                            @_icon-font-position: after
                         );
                     }
+                    
                     > span {
                         &:extend(.abs-visually-hidden-reset all);
                     }
@@ -368,19 +371,19 @@
             &.edit,
             &.delete {
                 .lib-icon-font(
-                @icon-edit,
-                @_icon-font-size: 18px,
-                @_icon-font-line-height: 20px,
-                @_icon-font-text-hide: true,
-                @_icon-font-color: @minicart-icons-color,
-                @_icon-font-color-hover: @primary__color,
-                @_icon-font-color-active: @minicart-icons-color
+                    @icon-edit,
+                    @_icon-font-size: 18px,
+                    @_icon-font-line-height: 20px,
+                    @_icon-font-text-hide: true,
+                    @_icon-font-color: @minicart-icons-color,
+                    @_icon-font-color-hover: @primary__color,
+                    @_icon-font-color-active: @minicart-icons-color
                 );
             }
 
             &.delete {
                 .lib-icon-font-symbol(
-                @_icon-font-content: @icon-trash
+                    @_icon-font-content: @icon-trash
                 );
             }
         }

From ecaabe44f4264d90a63c3fb3624bb04e47f9e661 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Tue, 30 Oct 2018 21:50:39 +0200
Subject: [PATCH 06/12] Update _module.less

---
 .../Magento_Review/web/css/source/_module.less     | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/design/frontend/Magento/blank/Magento_Review/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_Review/web/css/source/_module.less
index 7d5b79bc5a091..69ec01d71e104 100644
--- a/app/design/frontend/Magento/blank/Magento_Review/web/css/source/_module.less
+++ b/app/design/frontend/Magento/blank/Magento_Review/web/css/source/_module.less
@@ -15,9 +15,9 @@
 //  _____________________________________________
 
 & when (@media-common = true) {
-
     .rating-summary {
         .lib-rating-summary();
+        
         .rating-result {
             margin-left: -5px;
         }
@@ -165,10 +165,10 @@
 
         .review-details {
             .customer-review-rating {
-                .lib-css(margin-bottom, @indent__base);
+                margin-bottom: @indent__base;
 
                 .item {
-                    .lib-css(margin-bottom, @indent__s);
+                    margin-bottom: @indent__s;
 
                     &:last-child {
                         margin-bottom: 0;
@@ -178,12 +178,12 @@
 
             .review-title {
                 .lib-heading(h3);
-                .lib-css(font-weight, @font-weight__semibold);
-                .lib-css(margin-bottom, @indent__base);
+                font-weight: @font-weight__semibold;
+                margin-bottom: @indent__base;
             }
 
             .review-content {
-                .lib-css(margin-bottom, @indent__base);
+                margin-bottom: @indent__base;
             }
         }
 
@@ -271,7 +271,7 @@
 
         &-field-rating {
             .control {
-                margin-bottom: 1.2*@indent__xl;
+                margin-bottom: 1.2 * @indent__xl;
                 margin-top: @indent__s;
             }
         }

From a02c49ffeddd25852bc6bb2b5709c513c946c5e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Tue, 30 Oct 2018 21:56:32 +0200
Subject: [PATCH 07/12] Update _module.less

---
 .../web/css/source/_module.less               | 37 ++++++++++---------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/app/design/frontend/Magento/luma/Magento_Review/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Review/web/css/source/_module.less
index da78406f92212..2c66420f65fbd 100644
--- a/app/design/frontend/Magento/luma/Magento_Review/web/css/source/_module.less
+++ b/app/design/frontend/Magento/luma/Magento_Review/web/css/source/_module.less
@@ -14,7 +14,6 @@
 //  _____________________________________________
 
 & when (@media-common = true) {
-
     .data.switch .counter {
         .lib-css(color, @text__color__muted);
 
@@ -118,13 +117,13 @@
 
             strong {
                 display: block;
-                font-weight: 600;
+                font-weight: @font-weight__semibold;
             }
         }
 
         .fieldset &-field-ratings {
             > .label {
-                font-weight: 600;
+                font-weight: @font-weight__semibold;
                 margin-bottom: @indent__s;
                 padding: 0;
             }
@@ -140,11 +139,11 @@
 
         &-field-rating {
             .label {
-                font-weight: 600;
+                font-weight: @font-weight__semibold;
             }
 
             .control {
-                margin-bottom: 1.2*@indent__xl;
+                margin-bottom: 1.2 * @indent__xl;
                 margin-top: @indent__s;
             }
         }
@@ -181,7 +180,7 @@
             display: inline;
 
             .review-details-value {
-                font-weight: 400;
+                font-weight: @font-weight__regular;
             }
         }
 
@@ -341,7 +340,7 @@
     .block-reviews-dashboard {
         .items {
             .item {
-                .lib-css(margin-bottom, @indent__base);
+                margin-bottom: @indent__base;
 
                 &:last-child {
                     margin-bottom: 0;
@@ -353,14 +352,14 @@
             display: inline-block;
 
             &:not(:last-child) {
-                .lib-css(margin-bottom, @indent__xs);
+                margin-bottom: @indent__xs;
             }
         }
 
         .rating-summary {
             .label {
-                .lib-css(font-weight, @font-weight__semibold);
-                .lib-css(margin-right, @indent__s);
+                font-weight: @font-weight__semibold;
+                margin-right: @indent__s;
             }
         }
     }
@@ -368,7 +367,7 @@
     .table-reviews,
     .block-reviews-dashboard {
         .product-name {
-            .lib-css(font-weight, @font-weight__regular);
+            font-weight: @font-weight__regular;
         }
     }
 
@@ -416,6 +415,7 @@
         .product-details {
             &:extend(.abs-add-clearfix all);
             &:extend(.abs-margin-for-blocks-and-widgets all);
+            
             .rating-average-label {
                 &:extend(.abs-visually-hidden all);
             }
@@ -436,9 +436,10 @@
             }
 
             .customer-review-rating {
-                .lib-css(margin-bottom, @indent__base);
+                margin-bottom: @indent__base;
+                
                 .item {
-                    .lib-css(margin-bottom, @indent__s);
+                    margin-bottom: @indent__s;
 
                     &:last-child {
                         margin-bottom: 0;
@@ -450,13 +451,13 @@
 
             .review-title {
                 .lib-heading(h3);
-                .lib-css(font-weight, @font-weight__semibold);
-                .lib-css(margin-bottom, @indent__base);
+                font-weight: @font-weight__semibold;
+                margin-bottom: @indent__base;
             }
 
             .review-content {
                 margin: 0;
-                .lib-css(margin-bottom, @indent__base);
+                margin-bottom: @indent__base;
             }
 
             .review-date {
@@ -473,13 +474,13 @@
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
     .customer-review {
         .product-name {
-            .lib-css(margin-bottom, @indent__xs);
+            margin-bottom: @indent__xs;
         }
 
         .product-reviews-summary {
             .rating-summary {
                 display: block;
-                .lib-css(margin-bottom, @indent__xs);
+                margin-bottom: @indent__xs;
             }
         }
     }

From 59a88f3509bba27c988fc89f874cdaf7f0d5c29d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Tue, 30 Oct 2018 22:08:34 +0200
Subject: [PATCH 08/12] Update _extends.less

---
 .../blank/web/css/source/_extends.less        | 191 +++++++++---------
 1 file changed, 96 insertions(+), 95 deletions(-)

diff --git a/app/design/frontend/Magento/blank/web/css/source/_extends.less b/app/design/frontend/Magento/blank/web/css/source/_extends.less
index 13da4a4d996cc..4b328ab1015ed 100644
--- a/app/design/frontend/Magento/blank/web/css/source/_extends.less
+++ b/app/design/frontend/Magento/blank/web/css/source/_extends.less
@@ -162,7 +162,7 @@
 & when (@media-common = true) {
     .abs-login-block-title {
         strong {
-            font-weight: 500;
+            font-weight: @font-weight__heavier;
         }
 
         .lib-font-size(18);
@@ -178,11 +178,11 @@
 
 & when (@media-common = true) {
     .abs-block-title {
+        margin-bottom: 15px;
+        
         > strong {
             .lib-heading(h3);
         }
-
-        margin-bottom: 15px;
     }
 }
 
@@ -194,6 +194,7 @@
     .abs-account-blocks {
         .block-title {
             &:extend(.abs-block-title all);
+            
             > .action {
                 margin-left: 15px;
             }
@@ -208,7 +209,7 @@
             }
 
             > .action {
-                font-weight: 400;
+                font-weight: @font-weight__regular;
                 margin-left: @indent__s;
             }
         }
@@ -232,10 +233,10 @@
 & when (@media-common = true) {
     .abs-dropdown-simple {
         .lib-dropdown(
-        @_dropdown-list-item-padding: 5px 5px 5px 23px,
-        @_dropdown-list-min-width: 200px,
-        @_icon-font-margin: 0 0 0 5px,
-        @_icon-font-vertical-align: middle
+            @_dropdown-list-item-padding: 5px 5px 5px 23px,
+            @_dropdown-list-min-width: 200px,
+            @_icon-font-margin: 0 0 0 5px,
+            @_icon-font-vertical-align: middle
         );
     }
 }
@@ -268,13 +269,13 @@
 & when (@media-common = true) {
     .abs-remove-button-for-blocks {
         .lib-icon-font(
-        @icon-remove,
-        @_icon-font-size: 26px,
-        @_icon-font-line-height: 15px,
-        @_icon-font-text-hide: true,
-        @_icon-font-color: @color-gray19,
-        @_icon-font-color-hover: @color-gray19,
-        @_icon-font-color-active: @color-gray19
+            @icon-remove,
+            @_icon-font-size: 26px,
+            @_icon-font-line-height: 15px,
+            @_icon-font-text-hide: true,
+            @_icon-font-color: @color-gray19,
+            @_icon-font-color-hover: @color-gray19,
+            @_icon-font-color-active: @color-gray19
         );
     }
 }
@@ -289,14 +290,14 @@
 
         > a {
             .lib-link(
-            @_link-color: @product-name-link__color,
-            @_link-text-decoration: @product-name-link__text-decoration,
-            @_link-color-visited: @product-name-link__color__visited,
-            @_link-text-decoration-visited: @product-name-link__text-decoration__visited,
-            @_link-color-hover: @product-name-link__color__hover,
-            @_link-text-decoration-hover: @product-name-link__text-decoration__hover,
-            @_link-color-active: @product-name-link__color__active,
-            @_link-text-decoration-active: @product-name-link__text-decoration__active
+                @_link-color: @product-name-link__color,
+                @_link-text-decoration: @product-name-link__text-decoration,
+                @_link-color-visited: @product-name-link__color__visited,
+                @_link-text-decoration-visited: @product-name-link__text-decoration__visited,
+                @_link-color-hover: @product-name-link__color__hover,
+                @_link-text-decoration-hover: @product-name-link__text-decoration__hover,
+                @_link-color-active: @product-name-link__color__active,
+                @_link-text-decoration-active: @product-name-link__text-decoration__active
             );
         }
     }
@@ -613,11 +614,11 @@
 & when (@media-common = true) {
     .abs-navigation-icon {
         .lib-icon-font(
-        @_icon-font-content: @icon-down,
-        @_icon-font-size: 34px,
-        @_icon-font-line-height: 1.2,
-        @_icon-font-position: after,
-        @_icon-font-display: block
+            @_icon-font-content: @icon-down,
+            @_icon-font-size: 34px,
+            @_icon-font-line-height: 1.2,
+            @_icon-font-position: after,
+            @_icon-font-display: block
         );
 
         &:after {
@@ -635,8 +636,8 @@
 & when (@media-common = true) {
     .abs-split-button {
         .lib-dropdown-split(
-        @_options-selector : ~'.items',
-        @_dropdown-split-button-border-radius-fix: true
+            @_options-selector : ~'.items',
+            @_dropdown-split-button-border-radius-fix: true
         );
         vertical-align: middle;
     }
@@ -654,13 +655,13 @@
 
     .abs-actions-addto-gridlist {
         .lib-icon-font(
-        @_icon-font-content: '',
-        @_icon-font-size: 29px,
-        @_icon-font-color: @addto-color,
-        @_icon-font-color-hover: @addto-hover-color,
-        @_icon-font-text-hide: true,
-        @_icon-font-vertical-align: middle,
-        @_icon-font-line-height: 24px
+            @_icon-font-content: '',
+            @_icon-font-size: 29px,
+            @_icon-font-color: @addto-color,
+            @_icon-font-color-hover: @addto-hover-color,
+            @_icon-font-text-hide: true,
+            @_icon-font-vertical-align: middle,
+            @_icon-font-line-height: 24px
         );
     }
 }
@@ -762,11 +763,11 @@
         padding-right: 12px;
         position: relative;
         .lib-icon-font(
-        @icon-down,
-        @_icon-font-size: 26px,
-        @_icon-font-line-height: 10px,
-        @_icon-font-margin: 3px 0 0 0,
-        @_icon-font-position: after
+            @icon-down,
+            @_icon-font-size: 26px,
+            @_icon-font-line-height: 10px,
+            @_icon-font-margin: 3px 0 0 0,
+            @_icon-font-position: after
         );
 
         &:after {
@@ -777,16 +778,16 @@
 
         &-expanded {
             .lib-icon-font-symbol(
-            @_icon-font-content: @icon-up,
-            @_icon-font-position: after
+                @_icon-font-content: @icon-up,
+                @_icon-font-position: after
             );
         }
     }
 
     .abs-tax-total-expanded {
         .lib-icon-font-symbol(
-        @_icon-font-content: @icon-up,
-        @_icon-font-position: after
+            @_icon-font-content: @icon-up,
+            @_icon-font-position: after
         );
     }
 }
@@ -867,10 +868,10 @@
 & when (@media-common = true) {
     .abs-icon-add {
         .lib-icon-font(
-        @_icon-font-content: @icon-expand,
-        @_icon-font-size: 10px,
-        @_icon-font-line-height: 10px,
-        @_icon-font-vertical-align: middle
+            @_icon-font-content: @icon-expand,
+            @_icon-font-size: 10px,
+            @_icon-font-line-height: 10px,
+            @_icon-font-vertical-align: middle
         );
     }
 }
@@ -878,12 +879,12 @@
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .abs-icon-add-mobile {
         .lib-icon-font(
-        @_icon-font-content: @icon-expand,
-        @_icon-font-size: 10px,
-        @_icon-font-line-height: 10px,
-        @_icon-font-vertical-align: middle,
-        @_icon-font-margin: 0 5px 0 0,
-        @_icon-font-display: block
+            @_icon-font-content: @icon-expand,
+            @_icon-font-size: 10px,
+            @_icon-font-line-height: 10px,
+            @_icon-font-vertical-align: middle,
+            @_icon-font-margin: 0 5px 0 0,
+            @_icon-font-display: block
         );
     }
 }
@@ -924,11 +925,11 @@
         position: relative;
 
         .lib-icon-font(
-        @_icon-font-content: @icon-down,
-        @_icon-font-size: 28px,
-        @_icon-font-text-hide: false,
-        @_icon-font-position: after,
-        @_icon-font-display: block
+            @_icon-font-content: @icon-down,
+            @_icon-font-size: 28px,
+            @_icon-font-text-hide: false,
+            @_icon-font-position: after,
+            @_icon-font-display: block
         );
 
         &:after {
@@ -1068,12 +1069,12 @@
                 font-weight: @font-weight__bold;
                 .lib-link-as-button();
                 .lib-button(
-                @_button-padding: 7px 15px 7px 0,
-                @_button-icon-use: true,
-                @_button-font-content: @icon-prev,
-                @_button-icon-font-size: 32px,
-                @_button-icon-font-line-height: 16px,
-                @_button-icon-font-position: before
+                    @_button-padding: 7px 15px 7px 0,
+                    @_button-icon-use: true,
+                    @_button-font-content: @icon-prev,
+                    @_button-icon-font-size: 32px,
+                    @_button-icon-font-line-height: 16px,
+                    @_button-icon-font-position: before
                 );
 
                 &:active {
@@ -1083,9 +1084,9 @@
 
             &.update {
                 .lib-button-icon(
-                @icon-update,
-                @_icon-font-size: 32px,
-                @_icon-font-line-height: 16px
+                    @icon-update,
+                    @_icon-font-size: 32px,
+                    @_icon-font-line-height: 16px
                 );
                 padding-left: @indent__xs;
             }
@@ -1160,7 +1161,7 @@
 
 & when (@media-common = true) {
     .abs-field-date-input {
-        .lib-css(margin-right, @indent__s);
+        margin-right: @indent__s;
         width: calc(~'100% -' @icon-calendar__font-size + @indent__s);
     }
 }
@@ -1175,7 +1176,7 @@
         position: relative;
 
         input {
-            .lib-css(margin-right, @indent__s);
+            margin-right: @indent__s;
             width: calc(~'100% -' @checkout-tooltip-icon__font-size + @indent__s + @indent__xs);
         }
     }
@@ -1193,12 +1194,12 @@
     &:before,
     &:after {
         .lib-arrow(
-        @_position: top,
-        @_size: @checkout-tooltip-icon-arrow__font-size,
-        @_color: @checkout-tooltip-content__background-color
+            @_position: top,
+            @_size: @checkout-tooltip-icon-arrow__font-size,
+            @_color: @checkout-tooltip-content__background-color
         );
         .lib-css(margin-top, @checkout-tooltip-icon-arrow__left);
-        .lib-css(right, @indent__s);
+        right: @indent__s;
         left: auto;
         top: 0;
     }
@@ -1234,11 +1235,11 @@
         .lib-css(border-bottom, @checkout-step-title__border);
         .lib-css(padding-bottom, @checkout-step-title__padding);
         .lib-typography(
-        @_font-size: @checkout-step-title__font-size,
-        @_font-weight: @checkout-step-title__font-weight,
-        @_font-family: false,
-        @_font-style: false,
-        @_line-height: false
+            @_font-size: @checkout-step-title__font-size,
+            @_font-weight: @checkout-step-title__font-weight,
+            @_font-family: false,
+            @_font-style: false,
+            @_line-height: false
         );
     }
 }
@@ -1299,11 +1300,11 @@
 
                 .amount .price {
                     .lib-icon-font(
-                    @icon-down,
-                    @_icon-font-size: 30px,
-                    @_icon-font-text-hide: true,
-                    @_icon-font-position: after,
-                    @_icon-font-display: block
+                        @icon-down,
+                        @_icon-font-size: 30px,
+                        @_icon-font-text-hide: true,
+                        @_icon-font-position: after,
+                        @_icon-font-display: block
                     );
                     padding-right: @indent__m;
                     position: relative;
@@ -1323,8 +1324,8 @@
 
                     .amount .price {
                         .lib-icon-font-symbol(
-                        @_icon-font-content: @icon-up,
-                        @_icon-font-position: after
+                            @_icon-font-content: @icon-up,
+                            @_icon-font-position: after
                         );
                     }
                 }
@@ -1332,7 +1333,7 @@
 
             &-details {
                 display: none;
-                .lib-css(border-bottom, @border-width__base solid @border-color__base);
+                border-bottom: @border-width__base solid @border-color__base;
 
                 &.shown {
                     display: table-row;
@@ -1357,10 +1358,10 @@
             cursor: pointer;
             font-weight: @font-weight__semibold;
             .lib-icon-font(
-            @_icon-font-content: @icon-down,
-            @_icon-font-size: 30px,
-            @_icon-font-position: after,
-            @_icon-font-display: block
+                @_icon-font-content: @icon-down,
+                @_icon-font-size: 30px,
+                @_icon-font-position: after,
+                @_icon-font-display: block
             );
             margin-bottom: 0;
             overflow: hidden;
@@ -1388,8 +1389,8 @@
         &.active {
             > .title {
                 .lib-icon-font-symbol(
-                @_icon-font-content: @icon-up,
-                @_icon-font-position: after
+                    @_icon-font-content: @icon-up,
+                    @_icon-font-position: after
                 );
             }
 

From 8485195aaee3d02e0d4c3a5a5ed5694dab6ff3dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Tue, 30 Oct 2018 22:11:16 +0200
Subject: [PATCH 09/12] Update _toolbar.less

---
 .../web/css/source/module/_toolbar.less       | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_toolbar.less b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_toolbar.less
index aceccb06d47f7..2468d2a3104e4 100644
--- a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_toolbar.less
+++ b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_toolbar.less
@@ -4,14 +4,17 @@
 //  */
 
 //
-//  Common
-//  _____________________________________________
+//  Variables
+//  ---------------------------------------------
 
 @toolbar-mode-icon-font-size: 24px;
 @toolbar-element-background: @panel__background-color;
 
-& when (@media-common = true) {
+//
+//  Common
+//  _____________________________________________
 
+& when (@media-common = true) {
     .page-products {
         .columns {
             position: relative;
@@ -72,12 +75,12 @@
     .sorter-action {
         vertical-align: top;
         .lib-icon-font(
-        @icon-arrow-up,
-        @_icon-font-size: 28px,
-        @_icon-font-line-height: 32px,
-        @_icon-font-color: @header-icons-color,
-        @_icon-font-color-hover: @header-icons-color-hover,
-        @_icon-font-text-hide: true
+            @icon-arrow-up,
+            @_icon-font-size: 28px,
+            @_icon-font-line-height: 32px,
+            @_icon-font-color: @header-icons-color,
+            @_icon-font-color-hover: @header-icons-color-hover,
+            @_icon-font-text-hide: true
         );
     }
 
@@ -99,7 +102,7 @@
     }
 
     .limiter-label {
-        font-weight: 400;
+        font-weight: @font-weight__regular;
     }
 
     .limiter {
@@ -176,11 +179,11 @@
         }
 
         .lib-icon-font(
-        @icon-grid,
-        @_icon-font-size: @toolbar-mode-icon-font-size,
-        @_icon-font-text-hide: true,
-        @_icon-font-color: @text__color__muted,
-        @_icon-font-color-hover: @text__color__muted
+            @icon-grid,
+            @_icon-font-size: @toolbar-mode-icon-font-size,
+            @_icon-font-text-hide: true,
+            @_icon-font-color: @text__color__muted,
+            @_icon-font-color-hover: @text__color__muted
         );
     }
 

From bbc75173ae7ae2b32139714de7616b07da51c845 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Wed, 31 Oct 2018 09:06:08 +0200
Subject: [PATCH 10/12] Code clean up

---
 .../Magento_Checkout/web/css/source/module/_minicart.less | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less
index 2219db1cf694d..d7ff3ba1e5732 100644
--- a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less
+++ b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less
@@ -125,7 +125,7 @@
         float: right;
 
         .block-minicart {
-            padding: 25px @minicart__padding-horizontal;
+            .lib-css(padding, 25px @minicart__padding-horizontal);
 
             .block-title {
                 display: none;
@@ -205,8 +205,8 @@
     }
 
     .minicart-items-wrapper {
-        border: 1px solid @minicart__border-color;
-        margin: 0 -@minicart__padding-horizontal;
+        .lib-css(border, 1px solid @minicart__border-color);
+        .lib-css(margin, 0 -@minicart__padding-horizontal);
         border-left: 0;
         border-right: 0;
         overflow-x: auto;
@@ -220,7 +220,7 @@
             padding: @indent__base 0;
 
             &:not(:first-child) {
-                border-top: 1px solid @minicart__border-color;
+                .lib-css(border-top, 1px solid @minicart__border-color);
             }
 
             &:first-child {

From 0d5150ff3edd3544161841076d1f70a7ad8c72b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Wed, 31 Oct 2018 09:09:38 +0200
Subject: [PATCH 11/12] Code clean up

---
 app/design/frontend/Magento/blank/web/css/source/_extends.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/design/frontend/Magento/blank/web/css/source/_extends.less b/app/design/frontend/Magento/blank/web/css/source/_extends.less
index 4b328ab1015ed..5f24c0db8cc88 100644
--- a/app/design/frontend/Magento/blank/web/css/source/_extends.less
+++ b/app/design/frontend/Magento/blank/web/css/source/_extends.less
@@ -1332,8 +1332,8 @@
             }
 
             &-details {
+                .lib-css(border-bottom, @border-width__base solid @border-color__base);
                 display: none;
-                border-bottom: @border-width__base solid @border-color__base;
 
                 &.shown {
                     display: table-row;

From 93af83615f677eaa17eab74f9828fb2f8a7db0ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karla=20Saarem=C3=A4e?= <karlasaaremae@gmail.com>
Date: Wed, 31 Oct 2018 09:13:02 +0200
Subject: [PATCH 12/12] code clean up

---
 .../Magento_Checkout/web/css/source/module/_minicart.less | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less
index 14db9dd868e00..17fbdc8ba495b 100644
--- a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less
+++ b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less
@@ -128,7 +128,7 @@
         float: right;
 
         .block-minicart {
-            padding: 25px @minicart__padding-horizontal;
+            .lib-css(padding, 25px @minicart__padding-horizontal);
             
             .block-title {
                 display: none;
@@ -216,8 +216,8 @@
     }
 
     .minicart-items-wrapper {
-        border: 1px solid @minicart__border-color;
-        margin: 0 -@minicart__padding-horizontal;
+        .lib-css(border, 1px solid @minicart__border-color);
+        .lib-css(margin, 0 -@minicart__padding-horizontal);
         border-left: 0;
         border-right: 0;
         overflow-x: auto;
@@ -231,7 +231,7 @@
             padding: @indent__base 0;
 
             &:not(:first-child) {
-                border-top: 1px solid @minicart__border-color;
+                .lib-css(border-top, 1px solid @minicart__border-color);
             }
 
             &:first-child {