diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_header.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_header.less
index 7abbe0619efed..ee25e315d3fbc 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_header.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_header.less
@@ -18,7 +18,7 @@
// ---------------------------------------------
@page-header__indent-horizontal: @content__indent;
-@page-header__indent-vertical: @content__indent / 2;
+@page-header__indent-vertical: (@content__indent / 2);
//
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_menu.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_menu.less
index 7486fa76078e9..2d3816f271ea7 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_menu.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_menu.less
@@ -181,7 +181,7 @@
display: block;
height: @menu-line-before__height;
left: 0;
- margin-left: (100% - @_menu-separator__width) / 2;
+ margin-left: ((100% - @_menu-separator__width) / 2);
position: absolute;
top: 0;
width: @_menu-separator__width;
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/_headings-group.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/_headings-group.less
index bf7ee7850f9d0..8a1da6c40d48d 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/_headings-group.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/_headings-group.less
@@ -27,7 +27,7 @@
//
.page-header-hgroup {
- padding-right: @content__indent / 2;
+ padding-right: (@content__indent / 2);
}
//
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/actions-group/_notifications.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/actions-group/_notifications.less
index 6b30bf70772a4..3e0452a115e65 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/actions-group/_notifications.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/actions-group/_notifications.less
@@ -15,9 +15,9 @@
@notifications__color: @color-gray20;
@notifications-action__color: @text__color;
-@notifications-action__padding-bottom: (@page-header-action__height - @notifications-action-icon__size) / 2 - .05rem;
+@notifications-action__padding-bottom: ((@page-header-action__height - @notifications-action-icon__size) / 2 - .05rem);
@notifications-action__padding-side: 2rem;
-@notifications-action__padding-top: (@page-header-action__height - @notifications-action-icon__size) / 2 + .05rem;
+@notifications-action__padding-top: ((@page-header-action__height - @notifications-action-icon__size) / 2 + .05rem);
@notifications-action__hover__color: darken(@action-dropdown__color, 20%);
@notifications-action-icon__size: 1.9rem;
@notifications-action-menu__z-index: @header__z-index;
@@ -177,7 +177,7 @@
.notifications-close {
&:extend(.abs-action-reset all);
line-height: 1;
- padding: @notifications-action__padding-side / 2;
+ padding: (@notifications-action__padding-side / 2);
position: absolute;
right: 0;
top: .6rem;
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/actions-group/_search.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/actions-group/_search.less
index 2d3c6140d588f..4ff778d05df71 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/actions-group/_search.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/header/actions-group/_search.less
@@ -17,8 +17,8 @@
@search-global-input__font-size: @font-size__base;
@search-global-input__height: @page-header-action__height;
-@search-global-input__padding-bottom: (@search-global-input__height - @search-global-icon__height) / 2 - .1rem;
-@search-global-input__padding-top: (@search-global-input__height - @search-global-icon__height) / 2 + .1rem;
+@search-global-input__padding-bottom: ((@search-global-input__height - @search-global-icon__height) / 2 - .1rem);
+@search-global-input__padding-top: ((@search-global-input__height - @search-global-icon__height) / 2 + .1rem);
@search-global-input__padding-side: @font-size__base;
@search-global-input__width: @search-global-icon__width + @search-global-input__padding-side * 2;
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_dashboard.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_dashboard.less
index 3c50fc02a05c5..183f1cc75381f 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_dashboard.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_dashboard.less
@@ -21,8 +21,8 @@
@dashboard-secondary-table-col-name__width-px: 135px;
@dashboard-secondary-table-col-value__width-px: 50px;
-@dashboard-secondary-table-col-name__width-pct: @dashboard-secondary-table-col-name__width-px * 100% / @dashboard-secondary-table__width-px; // 57.44680851%
-@dashboard-secondary-table-col-value__width-pct: @dashboard-secondary-table-col-value__width-px * 100% / @dashboard-secondary-table__width-px; // 21.27659574%
+@dashboard-secondary-table-col-name__width-pct: (@dashboard-secondary-table-col-name__width-px * 100% / @dashboard-secondary-table__width-px); // 57.44680851%
+@dashboard-secondary-table-col-value__width-pct: (@dashboard-secondary-table-col-value__width-px * 100% / @dashboard-secondary-table__width-px); // 21.27659574%
//
// Tables
@@ -60,9 +60,9 @@
@dashboard-table-col-name__width-px: 308px;
@dashboard-table-col-value__width-px: 84px;
- @dashboard-table-col-product__width-pct: @dashboard-table-col-product__width-px * 100% / @dashboard-table__width-px; // 70%
- @dashboard-table-col-name__width-pct: @dashboard-table-col-name__width-px * 100% / @dashboard-table__width-px; // 55%
- @dashboard-table-col-value__width-pct: @dashboard-table-col-value__width-px * 100% / @dashboard-table__width-px; // 15%
+ @dashboard-table-col-product__width-pct: (@dashboard-table-col-product__width-px * 100% / @dashboard-table__width-px); // 70%
+ @dashboard-table-col-name__width-pct: (@dashboard-table-col-name__width-px * 100% / @dashboard-table__width-px); // 55%
+ @dashboard-table-col-value__width-pct: (@dashboard-table-col-value__width-px * 100% / @dashboard-table__width-px); // 15%
th,
td {
diff --git a/app/design/adminhtml/Magento/backend/Magento_ConfigurableProduct/web/css/source/module/components/navigation-bar/_navigation-bar.less b/app/design/adminhtml/Magento/backend/Magento_ConfigurableProduct/web/css/source/module/components/navigation-bar/_navigation-bar.less
index a09f6bf0f57cd..6d19aaa1b19aa 100644
--- a/app/design/adminhtml/Magento/backend/Magento_ConfigurableProduct/web/css/source/module/components/navigation-bar/_navigation-bar.less
+++ b/app/design/adminhtml/Magento/backend/Magento_ConfigurableProduct/web/css/source/module/components/navigation-bar/_navigation-bar.less
@@ -90,9 +90,9 @@
border-top: 1px solid @nav-bar-bullet-wrap__border-top-color;
content: '';
height: .8rem;
- left: @nav-bar-step__width / 2;
+ left: (@nav-bar-step__width / 2);
position: absolute;
- right: @nav-bar-step__width / 2;
+ right: (@nav-bar-step__width / 2);
top: @nav-bar-point__size;
}
@@ -204,7 +204,7 @@
position: absolute;
right: auto;
text-align: center;
- top: @nav-bar-dot__size / 2 - (@nav-bar-point__size / 2) - @nav-bar-point__border-width + .05;
+ top: (@nav-bar-dot__size / 2 - (@nav-bar-point__size / 2) - @nav-bar-point__border-width + .05);
width: @nav-bar-point__size;
}
diff --git a/app/design/adminhtml/Magento/backend/Magento_ConfigurableProduct/web/css/source/module/steps/_attribute-values.less b/app/design/adminhtml/Magento/backend/Magento_ConfigurableProduct/web/css/source/module/steps/_attribute-values.less
index 624a9b162a6df..37b93a0f63027 100644
--- a/app/design/adminhtml/Magento/backend/Magento_ConfigurableProduct/web/css/source/module/steps/_attribute-values.less
+++ b/app/design/adminhtml/Magento/backend/Magento_ConfigurableProduct/web/css/source/module/steps/_attribute-values.less
@@ -18,7 +18,7 @@
@steps-wizard-attribute-entity-action-save__content: @icon-arrow-right__content;
@steps-wizard-attribute-entity-action-save__hover__content: @color-very-dark-gray-black2;
-@steps-wizard-attribute-option-width: 100%/3;
+@steps-wizard-attribute-option-width: (100%/3);
//
// Common
diff --git a/app/design/adminhtml/Magento/backend/Magento_Marketplace/web/css/source/_module.less b/app/design/adminhtml/Magento/backend/Magento_Marketplace/web/css/source/_module.less
index 92a08eb7909c4..fa810371c4541 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Marketplace/web/css/source/_module.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Marketplace/web/css/source/_module.less
@@ -20,7 +20,7 @@
.partner {
margin-bottom: @indent__xl;
padding: 0 @indent__m;
- width: 100% / 3;
+ width: (100% / 3);
}
}
diff --git a/app/design/adminhtml/Magento/backend/Magento_ProductVideo/web/css/source/_module.less b/app/design/adminhtml/Magento/backend/Magento_ProductVideo/web/css/source/_module.less
index 1b8ce7158488d..184c5b5ff2de0 100644
--- a/app/design/adminhtml/Magento/backend/Magento_ProductVideo/web/css/source/_module.less
+++ b/app/design/adminhtml/Magento/backend/Magento_ProductVideo/web/css/source/_module.less
@@ -1,4 +1,4 @@
-// /**
+// /**
// * Copyright © Magento, Inc. All rights reserved.
// * See COPYING.txt for license details.
// */
@@ -28,7 +28,7 @@
&:before {
left: 0;
- margin-top: -@video-gallery-icon__size / 2;
+ margin-top: (-@video-gallery-icon__size / 2);
opacity: .5;
position: absolute;
right: 0;
diff --git a/app/design/adminhtml/Magento/backend/Magento_Staging/web/css/source/module/_scheduled-changes.less b/app/design/adminhtml/Magento/backend/Magento_Staging/web/css/source/module/_scheduled-changes.less
index f4959f3ba487b..55ee1e2ba03b1 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Staging/web/css/source/module/_scheduled-changes.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Staging/web/css/source/module/_scheduled-changes.less
@@ -93,7 +93,7 @@
background: linear-gradient(to top, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);
content: '';
height: @scheduled-changes-mark-overlay__height;
- left: -@scheduled-changes-mark-overlay__width / 2;
+ left: (-@scheduled-changes-mark-overlay__width / 2);
position: absolute;
top: -@scheduled-changes-mark-overlay__height;
width: @scheduled-changes-mark-overlay__width;
diff --git a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/_masonry-grid.less b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/_masonry-grid.less
index 237395db8cb43..4d9c433d25402 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/_masonry-grid.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/_masonry-grid.less
@@ -10,7 +10,7 @@
& when (@media-common = true) {
.masonry-image {
&-grid {
- margin: @admin__masonry_grid_image__space/2 -(@admin__masonry_grid_image__space/2);
+ margin: (@admin__masonry_grid_image__space/2) -(@admin__masonry_grid_image__space/2);
overflow: hidden;
position: relative;
@@ -25,7 +25,7 @@
&-column {
background-color: @admin__masonry_grid_background_color;
float: left;
- margin: @admin__masonry_grid_image__space/2;
+ margin: (@admin__masonry_grid_image__space/2);
overflow: hidden;
.masonry-image-block {
diff --git a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-action-bookmarks.less b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-action-bookmarks.less
index f9c93dce57002..f91aed66f586b 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-action-bookmarks.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-action-bookmarks.less
@@ -79,7 +79,7 @@
.action-dropdown-menu-item-edit {
display: none;
padding-bottom: @action-dropdown-menu-item__padding-vertical;
- padding-left: @action-dropdown-menu-item__padding-left / 2;
+ padding-left: (@action-dropdown-menu-item__padding-left / 2);
padding-top: @action-dropdown-menu-item__padding-vertical;
.action-dropdown-menu-item-actions {
@@ -90,7 +90,7 @@
// Menu actions
.action-dropdown-menu-action {
- padding-left: @action-dropdown-menu-item__padding-left / 2;
+ padding-left: (@action-dropdown-menu-item__padding-left / 2);
padding-top: @action-dropdown-menu-item__padding-vertical;
+ .action-dropdown-menu-item-last {
diff --git a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-filters.less b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-filters.less
index e37e08f3b667d..889ff269c32ec 100644
--- a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-filters.less
+++ b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module/data-grid/data-grid-header/_data-grid-filters.less
@@ -219,8 +219,8 @@
display: inline-block;
margin-bottom: 2em;
margin-left: 0;
- padding-left: @data-grid-filters-fieldset__inner-side / 2;
- padding-right: @data-grid-filters-fieldset__inner-side / 2;
+ padding-left: (@data-grid-filters-fieldset__inner-side / 2);
+ padding-right: (@data-grid-filters-fieldset__inner-side / 2);
vertical-align: top;
width: ~'calc(100% / @{data-grid-filters-fieldset__columns} - 4px)';
diff --git a/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/components/_navigation-bar.less b/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/components/_navigation-bar.less
index 16ccf4081ddbf..b713bf6edf9a3 100644
--- a/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/components/_navigation-bar.less
+++ b/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/components/_navigation-bar.less
@@ -100,9 +100,9 @@
border-top: 1px solid @nav-bar-bullet-wrap__border-top-color;
content: '';
height: 1rem;
- left: @nav-bar-step__width / 2;
+ left: (@nav-bar-step__width / 2);
position: absolute;
- right: @nav-bar-step__width / 2;
+ right: (@nav-bar-step__width / 2);
top: @nav-bar-point__size;
}
@@ -215,7 +215,7 @@
position: absolute;
right: auto;
text-align: center;
- top: @nav-bar-dot__size / 2 - (@nav-bar-point__size / 2) - @nav-bar-point__border-width + .05;
+ top: (@nav-bar-dot__size / 2 - (@nav-bar-point__size / 2) - @nav-bar-point__border-width + .05);
width: @nav-bar-point__size + @nav-bar-point__border-width * 2;
}
diff --git a/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/components/tooltips/_tooltips.less b/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/components/tooltips/_tooltips.less
index 8b26177a05cc8..04f09b8202a2f 100644
--- a/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/components/tooltips/_tooltips.less
+++ b/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/components/tooltips/_tooltips.less
@@ -46,12 +46,12 @@
}
&.right {
- margin-left: @tooltip-arrow__size / 2;
+ margin-left: (@tooltip-arrow__size / 2);
padding: 0 @tooltip-arrow__size;
}
&.bottom {
- margin-top: @tooltip-arrow__size / 2;
+ margin-top: (@tooltip-arrow__size / 2);
padding: @tooltip-arrow__size 0;
}
diff --git a/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/lib/_buttons.less b/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/lib/_buttons.less
index 2c60af8dfa178..f375f1cebd631 100644
--- a/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/lib/_buttons.less
+++ b/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/lib/_buttons.less
@@ -27,7 +27,7 @@
@btn-secondary__disabled__background-color: lighten(@btn-secondary__background-color, 0%);
@btn-secondary__active__background-color: lighten(@btn-secondary__background-color, 2%);
-@triangle__base__size: @btn__height__base / 2;
+@triangle__base__size: (@btn__height__base / 2);
// Expand button
@color-btn-expand: @base__color;
@@ -174,7 +174,7 @@
position: relative;
.btn {
- text-indent: @triangle__base__size / 2;
+ text-indent: (@triangle__base__size / 2);
&:after {
border-color: transparent transparent transparent @btn__base__background-color;
@@ -238,7 +238,7 @@
padding-left: @triangle__base__size - .1;
.btn {
- text-indent: -@triangle__base__size / 2;
+ text-indent: (-@triangle__base__size / 2);
&:after {
border-color: transparent @btn__base__background-color transparent transparent;
@@ -312,7 +312,7 @@
&.expanded {
&:after {
border-color: transparent transparent @color-btn-expand transparent;
- border-width: 0 @width-triangle-btn-expand / 2 @height-triangle-btn-expand @width-triangle-btn-expand / 2;
+ border-width: 0 (@width-triangle-btn-expand / 2) @height-triangle-btn-expand (@width-triangle-btn-expand / 2);
}
&:hover {
@@ -335,7 +335,7 @@
&:after {
border-color: @color-btn-expand transparent transparent transparent;
border-style: solid;
- border-width: @height-triangle-btn-expand @width-triangle-btn-expand / 2 0 @width-triangle-btn-expand / 2;
+ border-width: @height-triangle-btn-expand (@width-triangle-btn-expand / 2) 0 (@width-triangle-btn-expand / 2);
content: '';
height: 0;
left: 100%;
diff --git a/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/lib/forms/_selects.less b/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/lib/forms/_selects.less
index 76973802a3d2e..49ce5376c4ffc 100644
--- a/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/lib/forms/_selects.less
+++ b/app/design/adminhtml/Magento/backend/web/app/setup/styles/less/lib/forms/_selects.less
@@ -52,13 +52,13 @@
&:before {
border-color: @form-el__color transparent transparent transparent;
border-style: solid;
- border-width: @select-check__height @select-check__width / 2 0 @select-check__width / 2;
+ border-width: @select-check__height (@select-check__width / 2) 0 (@select-check__width / 2);
content: '';
height: 0;
margin-right: -(@select-check__width / 2);
margin-top: -(@select-check__height / 2);
position: absolute;
- right: @select-check__size / 2;
+ right: (@select-check__size / 2);
top: 50%;
width: 0;
z-index: -1;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_actions.less b/app/design/adminhtml/Magento/backend/web/css/source/_actions.less
index 852c6c1f3799e..cb04759282c84 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/_actions.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/_actions.less
@@ -195,7 +195,7 @@
padding-left: @button-triangle__base__size - .1;
.action-default {
- text-indent: -(@button-triangle__base__size) / 2;
+ text-indent: (-@button-triangle__base__size / 2);
&:before,
&:after {
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_grid.less b/app/design/adminhtml/Magento/backend/web/css/source/_grid.less
index 48d92e1d447c3..b98cc310221d4 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/_grid.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/_grid.less
@@ -65,8 +65,8 @@
margin-left: -(@content__indent / 2);
margin-right: -(@content__indent / 2);
> [class*='col-'] {
- padding-left: @content__indent / 2;
- padding-right: @content__indent / 2;
+ padding-left: (@content__indent / 2);
+ padding-right: (@content__indent / 2);
}
}
@@ -81,7 +81,7 @@
}
.return_length(@_columns-min, @_total: @temp_columns, @mathSymbol: '-') {
- @_part: @_columns-min/@_total;
+ @_part: (@_columns-min/@_total);
@_length: ~'calc( (100%) * @{_part} @{mathSymbol} @{temp_gutter} )';
}
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-multiselect.less b/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-multiselect.less
index c3cbffe4e8c4f..3b6cfd299f790 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-multiselect.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-multiselect.less
@@ -88,7 +88,7 @@
white-space: normal;
&:after {
- bottom: @action__height / 2 - @button-marker-triangle__height / 2 - .1rem;
+ bottom: (@action__height / 2 - @button-marker-triangle__height / 2 - .1rem);
top: auto;
}
@@ -353,7 +353,7 @@
padding-left: @action-multiselect-tree-menu-item__margin-left - @action-multiselect-menu-item__padding;
&:before {
- left: @action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size + @action-multiselect-tree-arrow__size/2;
+ left: (@action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size + @action-multiselect-tree-arrow__size/2);
}
}
}
@@ -363,7 +363,7 @@
&:last-child {
&:before {
- height: @action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size/2;
+ height: (@action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size/2);
}
}
@@ -378,7 +378,7 @@
&:after {
border-top: @action-multiselect-tree-lines;
height: 1px;
- top: @action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size/2;
+ top: (@action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size/2);
width: @action-multiselect-tree-menu-item__margin-left;
}
@@ -419,7 +419,7 @@
&:first-child {
&:before {
- top: @action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size/2;
+ top: (@action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size/2);
}
}
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-split.less b/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-split.less
index 9c1156a4bc06c..1a267a920074b 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-split.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-split.less
@@ -29,7 +29,7 @@
padding-right: @_dropdown__padding-right;
&:after {
- border-width: @_triangle__height @_triangle__width / 2 0 @_triangle__width / 2;
+ border-width: @_triangle__height (@_triangle__width / 2) 0 (@_triangle__width / 2);
margin-top: -((@_triangle__width / 2) / 2);
right: @_triangle__right;
}
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/components/_data-tooltip.less b/app/design/adminhtml/Magento/backend/web/css/source/components/_data-tooltip.less
index 5abe13365fb9f..03c3cb206769b 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/components/_data-tooltip.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/components/_data-tooltip.less
@@ -35,7 +35,7 @@
.data-tooltip-tail {
display: block;
left: 50%;
- margin-left: -@data-tooltip-tail__width / 2;
+ margin-left: (-@data-tooltip-tail__width / 2);
top: -(@data-tooltip-tail__height / 2 - @data-tooltip__border-width);
}
}
@@ -43,18 +43,18 @@
&._right {
.data-tooltip-tail {
display: block;
- margin-top: -@data-tooltip-tail__width / 2;
- right: @data-tooltip-tail__height / 2 + @data-tooltip__border-width;
+ margin-top: (-@data-tooltip-tail__width / 2);
+ right: (@data-tooltip-tail__height / 2 + @data-tooltip__border-width);
top: 50%;
}
}
&._bottom {
.data-tooltip-tail {
- bottom: @data-tooltip-tail__height / 2 + @data-tooltip__border-width;
+ bottom: (@data-tooltip-tail__height / 2 + @data-tooltip__border-width);
display: block;
left: 50%;
- margin-left: -@data-tooltip-tail__width / 2;
+ margin-left: (-@data-tooltip-tail__width / 2);
}
}
@@ -62,7 +62,7 @@
.data-tooltip-tail {
display: block;
left: -(@data-tooltip-tail__height / 2 - @data-tooltip__border-width);
- margin-top: -@data-tooltip-tail__width / 2;
+ margin-top: (-@data-tooltip-tail__width / 2);
top: 50%;
}
}
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/components/_file-uploader.less b/app/design/adminhtml/Magento/backend/web/css/source/components/_file-uploader.less
index ec276449263a4..ebff48c43c393 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/components/_file-uploader.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/components/_file-uploader.less
@@ -170,7 +170,7 @@
&:before {
left: 0;
- margin-top: -@file-uploader-video-icon__size / 2;
+ margin-top: (-@file-uploader-video-icon__size / 2);
position: absolute;
right: 0;
top: 50%;
@@ -189,7 +189,7 @@
&:before {
left: 0;
- margin-top: -@file-uploader-document-icon__size / 2;
+ margin-top: (-@file-uploader-document-icon__size / 2);
position: absolute;
right: 0;
top: 50%;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/components/_modals_extend.less b/app/design/adminhtml/Magento/backend/web/css/source/components/_modals_extend.less
index 72e9088f7cd34..aea512606ca5a 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/components/_modals_extend.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/components/_modals_extend.less
@@ -129,8 +129,8 @@
padding: @modal-popup__padding @modal-popup__padding;
&:active {
- padding-right: @modal-popup__padding + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 3;
- padding-top: @modal-popup__padding + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 3;
+ padding-right: (@modal-popup__padding + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 3);
+ padding-top: (@modal-popup__padding + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 3);
}
}
@@ -181,8 +181,8 @@
padding: @modal-slide-header__padding-vertical @modal-slide__padding;
&:active {
- padding-right: @modal-slide__padding + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 2;
- padding-top: @modal-slide-header__padding-vertical + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 2;
+ padding-right: (@modal-slide__padding + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 2);
+ padding-top: (@modal-slide-header__padding-vertical + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 2);
}
}
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/components/_resizable-block.less b/app/design/adminhtml/Magento/backend/web/css/source/components/_resizable-block.less
index 310e3505f1620..450e66176e195 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/components/_resizable-block.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/components/_resizable-block.less
@@ -82,12 +82,12 @@
cursor: n-resize;
height: @resizable-block-side-handle__default__size;
left: 0;
- top: -@resizable-block-side-handle__default__size/2;
+ top: (-@resizable-block-side-handle__default__size/2);
width: 100%;
}
.ui-resizable-s {
- bottom: -@resizable-block-side-handle__default__size/2;
+ bottom: (-@resizable-block-side-handle__default__size/2);
cursor: s-resize;
height: @resizable-block-side-handle__default__size;
left: 0;
@@ -97,7 +97,7 @@
.ui-resizable-e {
cursor: e-resize;
height: 100%;
- right: -@resizable-block-side-handle__default__size/2;
+ right: (-@resizable-block-side-handle__default__size/2);
top: 0;
width: @resizable-block-side-handle__default__size;
}
@@ -105,40 +105,40 @@
.ui-resizable-w {
cursor: w-resize;
height: 100%;
- left: -@resizable-block-side-handle__default__size/2;
+ left: (-@resizable-block-side-handle__default__size/2);
top: 0;
width: @resizable-block-side-handle__default__size;
}
.ui-resizable-se {
- bottom: -@resizable-block-angle-handle__default__height/2;
+ bottom: (-@resizable-block-angle-handle__default__height/2);
cursor: se-resize;
height: @resizable-block-angle-handle__default__height;
- right: -@resizable-block-angle-handle__default__width/2;
+ right: (-@resizable-block-angle-handle__default__width/2);
width: @resizable-block-angle-handle__default__width;
}
.ui-resizable-sw {
- bottom: -@resizable-block-angle-handle__default__height/2;
+ bottom: (-@resizable-block-angle-handle__default__height/2);
cursor: sw-resize;
height: @resizable-block-angle-handle__default__height;
- left: -@resizable-block-angle-handle__default__width/2;
+ left: (-@resizable-block-angle-handle__default__width/2);
width: @resizable-block-angle-handle__default__width;
}
.ui-resizable-nw {
cursor: nw-resize;
height: @resizable-block-angle-handle__default__height;
- left: -@resizable-block-angle-handle__default__width/2;
- top: -@resizable-block-angle-handle__default__height/2;
+ left: (-@resizable-block-angle-handle__default__width/2);
+ top: (-@resizable-block-angle-handle__default__height/2);
width: @resizable-block-angle-handle__default__width;
}
.ui-resizable-ne {
cursor: ne-resize;
height: @resizable-block-angle-handle__default__height;
- right: -@resizable-block-angle-handle__default__width/2;
- top: -@resizable-block-angle-handle__default__height/2;
+ right: (-@resizable-block-angle-handle__default__width/2);
+ top: (-@resizable-block-angle-handle__default__height/2);
width: @resizable-block-angle-handle__default__width;
}
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/components/_slider.less b/app/design/adminhtml/Magento/backend/web/css/source/components/_slider.less
index c8baf3b464d6c..eac994cff0f3a 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/components/_slider.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/components/_slider.less
@@ -69,9 +69,9 @@
cursor: pointer;
display: block;
height: @data-slider-handle__height;
- margin-left: -@data-slider-handle__width / 2 !important;
+ margin-left: (-@data-slider-handle__width / 2) !important;
position: absolute;
- top: -@data-slider-handle__height / 2;
+ top: (-@data-slider-handle__height / 2);
width: @data-slider-handle__width;
z-index: @data-slider-track__z-index + 1 !important;
@@ -88,7 +88,7 @@
display: block;
height: @data-slider-handle-accent__height;
left: 50%;
- margin: -@data-slider-handle-accent__height / 2 0 0 -@data-slider-handle-accent__width / 2;
+ margin: (-@data-slider-handle-accent__height / 2) 0 0 (-@data-slider-handle-accent__width / 2);
position: absolute;
top: 50%;
width: @data-slider-handle-accent__width;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/components/_spinner.less b/app/design/adminhtml/Magento/backend/web/css/source/components/_spinner.less
index f6f61c1efae91..0ae0b6a4f0182 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/components/_spinner.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/components/_spinner.less
@@ -27,9 +27,9 @@
._spinner_transform();
background-color: @spinner-second-color;
border-radius: @spinner-border-radius;
- clip: rect(0 1em/3.5 .1em 0);
+ clip: rect(0 (1em/3.5) .1em 0);
height: .1em;
- margin-top: 1em / 2;
+ margin-top: (1em / 2);
position: absolute;
width: 1em;
}
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/components/_timeline.less b/app/design/adminhtml/Magento/backend/web/css/source/components/_timeline.less
index 4fa8a1daa9536..fab150a12870c 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/components/_timeline.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/components/_timeline.less
@@ -14,7 +14,7 @@
@timeline__no-records__background-color: @color-white;
@timeline-item__height: 3.6rem;
-@timeline-unit__width: 100%/7;
+@timeline-unit__width: (100%/7);
@timeline-event__background-color: #ccf391;
@timeline-event__border-color: #81c21d;
@@ -346,7 +346,7 @@ svg {
list-style-type: none;
margin: 0;
padding: 0;
- width: @timeline-unit__width/@timeline__scale;
+ width: (@timeline-unit__width/@timeline__scale);
&:last-child {
border-right: 0;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/forms/_extends.less b/app/design/adminhtml/Magento/backend/web/css/source/forms/_extends.less
index 9ba5458fd3684..480579ec583cd 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/forms/_extends.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/forms/_extends.less
@@ -40,8 +40,8 @@
display: block;
line-height: @field-label__font-size;
// Try to Calculate margin offset considering line-height;
- margin-bottom: 1rem - round((@field-label__line-height - 1) * @field-label__font-size / 2, 2);
- margin-top: 0 - round((@field-label__line-height - 1) * @field-label__font-size / 2, 2);
+ margin-bottom: 1rem - round(((@field-label__line-height - 1) * @field-label__font-size / 2), 2);
+ margin-top: 0 - round(((@field-label__line-height - 1) * @field-label__font-size / 2), 2);
text-align: left;
width: auto;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/forms/_temp.less b/app/design/adminhtml/Magento/backend/web/css/source/forms/_temp.less
index 71f57b765ff0e..54b94860421d5 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/forms/_temp.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/forms/_temp.less
@@ -233,8 +233,8 @@ label.mage-error {
.popup-loading {
height: 149px;
left: 50%;
- margin-left: -218px/2;
- margin-top: -149px/2;
+ margin-left: (-218px/2);
+ margin-top: (-149px/2);
overflow: hidden;
position: absolute;
top: 50%;
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/utilities/_actions.less b/app/design/adminhtml/Magento/backend/web/css/source/utilities/_actions.less
index 2916f438253be..d274e4191d40f 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/utilities/_actions.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/utilities/_actions.less
@@ -55,7 +55,7 @@
&:after {
border-color: @_triangle__color transparent transparent transparent;
border-style: solid;
- border-width: @_triangle__height @_triangle__width / 2 0 @_triangle__width / 2;
+ border-width: @_triangle__height (@_triangle__width / 2) 0 (@_triangle__width / 2);
content: '';
height: 0;
margin-top: -((@_triangle__width / 2) / 2);
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/variables/_components.less b/app/design/adminhtml/Magento/backend/web/css/source/variables/_components.less
index 6f96880cce49b..e3b34d97f2d2a 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/variables/_components.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/variables/_components.less
@@ -38,4 +38,4 @@
@page-main-actions__background-color: @color-white-fog;
@page-main-actions__border-color: @color-gray89;
-@page-main-actions__padding: @content__indent / 2;
+@page-main-actions__padding: (@content__indent / 2);
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/variables/_structure.less b/app/design/adminhtml/Magento/backend/web/css/source/variables/_structure.less
index 91f3b5c4fa26c..22b12cbb22e54 100644
--- a/app/design/adminhtml/Magento/backend/web/css/source/variables/_structure.less
+++ b/app/design/adminhtml/Magento/backend/web/css/source/variables/_structure.less
@@ -15,8 +15,8 @@
@indent__xl: @indent__base * 2; // 40px
@indent__l: @indent__base * 1.5; // 30px
@indent__m: @indent__base * 1.25; // 25px
-@indent__s: @indent__base / 2; // 10px
-@indent__xs: @indent__base / 4; // 5px
+@indent__s: (@indent__base / 2); // 10px
+@indent__xs: (@indent__base / 4); // 5px
//
// Z axis
diff --git a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_widgets.less b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_widgets.less
index 6da9a31caf5f0..7825106a7b65b 100644
--- a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_widgets.less
+++ b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_widgets.less
@@ -95,7 +95,7 @@
.block.widget .products-grid .product-item,
.page-layout-1column .block.widget .products-grid .product-item,
.page-layout-3columns .block.widget .products-grid .product-item {
- width: 100%/3;
+ width: (100%/3);
}
.page-layout-1column .block.widget .products-grid .product-item {
@@ -114,7 +114,7 @@
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
.block.widget .products-grid .product-item {
- width: 100%/3;
+ width: (100%/3);
.sidebar & {
margin-left: 0;
@@ -141,7 +141,7 @@
}
.page-layout-3columns .block.widget .products-grid .product-item {
- width: 100%/2;
+ width: (100%/2);
}
.sidebar .block.widget .pager {
@@ -161,7 +161,7 @@
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
.block.widget .products-grid .product-item {
- width: 100%/5;
+ width: (100%/5);
}
.page-layout-1column .block.widget .products-grid .product-item {
@@ -178,7 +178,7 @@
}
.page-layout-3columns .block.widget .products-grid .product-item {
- width: 100%/4;
+ width: (100%/4);
}
.block.widget .products-grid .product-items {
diff --git a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_listings.less b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_listings.less
index 50a5e6351533d..dd53411fcb850 100644
--- a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_listings.less
+++ b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_listings.less
@@ -323,7 +323,7 @@
}
.products-grid .product-item {
- width: 100%/3;
+ width: (100%/3);
}
.page-products,
@@ -367,7 +367,7 @@
.page-products.page-layout-1column {
.products-grid {
.product-item {
- width: 100%/4;
+ width: (100%/4);
}
}
}
@@ -375,7 +375,7 @@
.page-products.page-layout-3columns {
.products-grid {
.product-item {
- width: 100%/2;
+ width: (100%/2);
}
}
}
@@ -383,14 +383,14 @@
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
.products-grid {
.product-item {
- width: 100%/5;
+ width: (100%/5);
}
}
.page-layout-1column {
.products-grid {
.product-item {
- width: 100%/6;
+ width: (100%/6);
}
}
}
@@ -398,7 +398,7 @@
.page-layout-3columns {
.products-grid {
.product-item {
- width: 100%/4;
+ width: (100%/4);
}
}
}
@@ -430,7 +430,7 @@
.products-grid {
.product-item {
margin-left: 0;
- width: 100%/5;
+ width: (100%/5);
}
}
}
diff --git a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less
index 4792cb7b17924..44f479214157d 100644
--- a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less
+++ b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less
@@ -59,7 +59,7 @@
&:before { // Horizontal line
.lib-css(background, @checkout-progress-bar-item__background-color);
- .lib-css(top, @checkout-progress-bar-item-element__width/2);
+ .lib-css(top, (@checkout-progress-bar-item-element__width/2));
content: '';
height: 7px;
left: 0;
diff --git a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_shipping.less b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_shipping.less
index af6127fd2ca9f..0411ddebf3a76 100644
--- a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_shipping.less
+++ b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_shipping.less
@@ -19,8 +19,8 @@
@checkout-shipping-item__margin: 0 0 @indent__base;
@checkout-shipping-item__padding: @indent__base (@indent__l + 5px) @indent__base @indent__base;
@checkout-shipping-item__transition: .3s border-color;
-@checkout-shipping-item__width: 100%/3;
-@checkout-shipping-item-tablet__width: 100%/2;
+@checkout-shipping-item__width: (100%/3);
+@checkout-shipping-item-tablet__width: (100%/2);
@checkout-shipping-item-mobile__width: 100%;
@checkout-shipping-item__active__border-color: @active__color;
diff --git a/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_module.less
index 298ccbf58e687..51482c071c53b 100644
--- a/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_module.less
+++ b/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_module.less
@@ -370,7 +370,7 @@
.page-title-wrapper {
.order-date {
- @order-status-indent: ceil(@h1__margin-bottom__desktop/2);
+ @order-status-indent: ceil((@h1__margin-bottom__desktop/2));
.lib-css(margin-top, -@order-status-indent);
}
}
diff --git a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_listings.less b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_listings.less
index d106fa8886c05..ecd50bc77b032 100644
--- a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_listings.less
+++ b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_listings.less
@@ -398,7 +398,7 @@
.products-grid {
.product-item {
margin-bottom: @indent__base;
- width: 100%/3;
+ width: (100%/3);
}
}
@@ -450,7 +450,7 @@
.page-products.page-layout-1column {
.products-grid {
.product-item {
- width: 100%/4;
+ width: (100%/4);
}
}
}
@@ -458,7 +458,7 @@
.page-products.page-layout-3columns {
.products-grid {
.product-item {
- width: 100%/2;
+ width: (100%/2);
}
}
}
@@ -468,14 +468,14 @@
.products-grid {
.product-item {
- width: 100%/5;
+ width: (100%/5);
}
}
.page-layout-1column {
.products-grid {
.product-item {
- width: 100%/6;
+ width: (100%/6);
}
}
}
@@ -483,7 +483,7 @@
.page-layout-3columns {
.products-grid {
.product-item {
- width: 100%/4;
+ width: (100%/4);
}
}
}
@@ -515,7 +515,7 @@
.products-grid {
.product-item {
margin-left: 0;
- width: 100%/5;
+ width: (100%/5);
}
}
}
diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_cart.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_cart.less
index 2c8c52bdb7af2..d4ef320a2c4f8 100644
--- a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_cart.less
+++ b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_cart.less
@@ -751,7 +751,7 @@
padding: 0 4% 0 0;
.products-grid .product-item {
- width: 100%/4;
+ width: (100%/4);
}
}
}
diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less
index ad1ac36237ca4..3ceb3d7017ba3 100644
--- a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less
+++ b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less
@@ -77,7 +77,7 @@
&:before { // Horizontal line
.lib-css(background, @checkout-progress-bar-item__background-color);
.lib-css(border, 1px solid @checkout-progress-bar-item-element-inner__border-color);
- .lib-css(top, @checkout-progress-bar-item-element__width/2);
+ .lib-css(top, (@checkout-progress-bar-item-element__width/2));
.lib-css(transition, @checkout-progress-bar-item__transition);
content: '';
height: 7px;
diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_shipping.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_shipping.less
index 8f2092713b718..7a909313b811c 100644
--- a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_shipping.less
+++ b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_shipping.less
@@ -19,8 +19,8 @@
@checkout-shipping-item__margin: 0 0 @indent__base;
@checkout-shipping-item__padding: @indent__base (@indent__l + 5px) @indent__base @indent__base;
@checkout-shipping-item__transition: .3s border-color;
-@checkout-shipping-item__width: 100%/3;
-@checkout-shipping-item-tablet__width: 100%/2;
+@checkout-shipping-item__width: (100%/3);
+@checkout-shipping-item-tablet__width: (100%/2);
@checkout-shipping-item-mobile__width: 100%;
@checkout-shipping-item__active__border-color: @active__color;
diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/fields/_file-uploader.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/fields/_file-uploader.less
index 34109eb7cea90..c97ff033a4586 100644
--- a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/fields/_file-uploader.less
+++ b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/fields/_file-uploader.less
@@ -188,7 +188,7 @@
&:before {
left: 0;
- margin-top: -@file-uploader-video-icon__size / 2;
+ margin-top: (-@file-uploader-video-icon__size / 2);
position: absolute;
right: 0;
top: 50%;
@@ -207,7 +207,7 @@
&:before {
left: 0;
- margin-top: -@file-uploader-document-icon__size / 2;
+ margin-top: (-@file-uploader-document-icon__size / 2);
position: absolute;
right: 0;
top: 50%;
diff --git a/app/design/frontend/Magento/luma/Magento_Rma/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Rma/web/css/source/_module.less
index 104dd6c4d5b92..24beec58765ad 100644
--- a/app/design/frontend/Magento/luma/Magento_Rma/web/css/source/_module.less
+++ b/app/design/frontend/Magento/luma/Magento_Rma/web/css/source/_module.less
@@ -176,7 +176,7 @@
&:extend(.abs-add-box-sizing-desktop all);
clear: none;
float: left;
- width: 100%/4;
+ width: (100%/4);
}
}
}
diff --git a/app/design/frontend/Magento/luma/Magento_Sales/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Sales/web/css/source/_module.less
index f8ab8ddb088ec..d66c31ea2b12e 100644
--- a/app/design/frontend/Magento/luma/Magento_Sales/web/css/source/_module.less
+++ b/app/design/frontend/Magento/luma/Magento_Sales/web/css/source/_module.less
@@ -608,7 +608,7 @@
&:extend(.abs-add-box-sizing-desktop all);
clear: none;
float: left;
- width: 100%/4;
+ width: (100%/4);
}
}
}
diff --git a/lib/web/css/source/components/_modals.less b/lib/web/css/source/components/_modals.less
index 8b69f909869d6..b3cf83812b65d 100644
--- a/lib/web/css/source/components/_modals.less
+++ b/lib/web/css/source/components/_modals.less
@@ -228,7 +228,7 @@
}
.modal-header {
- .lib-css(padding-bottom, @modal-popup__padding / 2.5);
+ .lib-css(padding-bottom, (@modal-popup__padding / 2.5));
.lib-css(padding-top, @modal-popup__padding);
}
diff --git a/lib/web/css/source/lib/_forms.less b/lib/web/css/source/lib/_forms.less
index 25bfb0179ffe1..8b815b1da131f 100644
--- a/lib/web/css/source/lib/_forms.less
+++ b/lib/web/css/source/lib/_forms.less
@@ -979,7 +979,7 @@
}
.lib-form-field-column-number(@_column-number: @form-field-column__number) {
- .lib-css(width, 100% / @_column-number);
+ .lib-css(width, (100% / @_column-number));
}
._lib-revert-type-block-label-padding(
diff --git a/lib/web/css/source/lib/_messages.less b/lib/web/css/source/lib/_messages.less
index f671483fb7d14..c256639117d95 100644
--- a/lib/web/css/source/lib/_messages.less
+++ b/lib/web/css/source/lib/_messages.less
@@ -170,7 +170,7 @@ and not (@_message-border-style = false) {
@_icon-font-size: @message-icon__font-size,
@_icon-font-line-height: @message-icon__font-line-height,
@_icon-font-color: @_message-icon-color,
- @_icon-font-margin: -@message-icon__font-size/2 0 0,
+ @_icon-font-margin: (-@message-icon__font-size/2) 0 0,
@_icon-font-vertical-align: @icon-font__vertical-align
);
.lib-css(bottom, @_message-icon-bottom);
@@ -267,7 +267,7 @@ and not (@_message-border-style = false) {
@_icon-font-size: @message-icon__font-size,
@_icon-font-line-height: @message-icon__font-line-height,
@_icon-font-color: @_message-icon-color,
- @_icon-font-margin: -@message-icon__font-size/2 0 0,
+ @_icon-font-margin: (-@message-icon__font-size/2) 0 0,
@_icon-font-vertical-align: @icon-font__vertical-align
);
.lib-css(bottom, @_message-icon-bottom);
diff --git a/lib/web/css/source/lib/_tables.less b/lib/web/css/source/lib/_tables.less
index 43b63152946f8..00b63ed74353e 100644
--- a/lib/web/css/source/lib/_tables.less
+++ b/lib/web/css/source/lib/_tables.less
@@ -122,8 +122,8 @@
}
.lib-table-resize(
- @_td-padding-top: @table-cell__padding-vertical / 2,
- @_td-padding-right: @table-cell__padding-horizontal / 2,
+ @_td-padding-top: (@table-cell__padding-vertical / 2),
+ @_td-padding-right: (@table-cell__padding-horizontal / 2),
@_td-padding-bottom: @_td-padding-top,
@_td-padding-left: @_td-padding-right,
@_th-padding-top: @_td-padding-top,
diff --git a/lib/web/css/source/lib/_utilities.less b/lib/web/css/source/lib/_utilities.less
index 222eb4741e85e..504a9aff76f59 100644
--- a/lib/web/css/source/lib/_utilities.less
+++ b/lib/web/css/source/lib/_utilities.less
@@ -14,7 +14,7 @@
.lib-font-size-value(
@_value
) when not (@_value = false) and not (@_value = '') and (@font-size-unit-convert) {
- @fontValue: unit(((@_value) * 1), @font-size-unit) / @font-size-unit-ratio;
+ @fontValue: (unit(((@_value) * 1), @font-size-unit) / @font-size-unit-ratio);
}
.lib-font-size-value(
@_value
diff --git a/lib/web/css/source/lib/variables/_forms.less b/lib/web/css/source/lib/variables/_forms.less
index fff6141c67fd5..8d97d6706e564 100644
--- a/lib/web/css/source/lib/variables/_forms.less
+++ b/lib/web/css/source/lib/variables/_forms.less
@@ -240,7 +240,7 @@
@form-field-type-revert: inline; // [inline|block|false]
@form-field__border: false;
@form-field__vertical-indent: @indent__base;
-@form-field__additional-vertical-indent: @form-field__vertical-indent/2;
+@form-field__additional-vertical-indent: (@form-field__vertical-indent/2);
@form-field-type-block__margin: 0 0 @form-field__vertical-indent;
@form-field-type-inline__margin: 0 0 @form-field__vertical-indent;