From 91fe9b3277c2fb6243d511f600cd98f5a8e6bcac Mon Sep 17 00:00:00 2001 From: Pieter Hoste Date: Sun, 7 Jan 2024 18:23:25 +0100 Subject: [PATCH] Put mathematic divisions in less files in parentheses if they were not there already, this fixes generating correct css again after the upgrade to less.js v4 in AC-8098 & AC-9713. --- .../web/css/source/module/_header.less | 2 +- .../web/css/source/module/_menu.less | 2 +- .../source/module/header/_headings-group.less | 2 +- .../header/actions-group/_notifications.less | 6 ++--- .../module/header/actions-group/_search.less | 4 ++-- .../css/source/module/pages/_dashboard.less | 10 ++++---- .../navigation-bar/_navigation-bar.less | 6 ++--- .../module/steps/_attribute-values.less | 2 +- .../web/css/source/_module.less | 2 +- .../web/css/source/_module.less | 4 ++-- .../css/source/module/_scheduled-changes.less | 2 +- .../web/css/source/module/_masonry-grid.less | 4 ++-- .../_data-grid-action-bookmarks.less | 4 ++-- .../data-grid-header/_data-grid-filters.less | 4 ++-- .../less/components/_navigation-bar.less | 6 ++--- .../less/components/tooltips/_tooltips.less | 4 ++-- .../app/setup/styles/less/lib/_buttons.less | 10 ++++---- .../setup/styles/less/lib/forms/_selects.less | 4 ++-- .../backend/web/css/source/_actions.less | 2 +- .../Magento/backend/web/css/source/_grid.less | 6 ++--- .../source/actions/_actions-multiselect.less | 10 ++++---- .../css/source/actions/_actions-split.less | 2 +- .../css/source/components/_data-tooltip.less | 12 +++++----- .../css/source/components/_file-uploader.less | 4 ++-- .../css/source/components/_modals_extend.less | 8 +++---- .../source/components/_resizable-block.less | 24 +++++++++---------- .../web/css/source/components/_slider.less | 6 ++--- .../web/css/source/components/_spinner.less | 4 ++-- .../web/css/source/components/_timeline.less | 4 ++-- .../web/css/source/forms/_extends.less | 4 ++-- .../backend/web/css/source/forms/_temp.less | 4 ++-- .../web/css/source/utilities/_actions.less | 2 +- .../web/css/source/variables/_components.less | 2 +- .../web/css/source/variables/_structure.less | 4 ++-- .../web/css/source/_widgets.less | 10 ++++---- .../web/css/source/module/_listings.less | 14 +++++------ .../source/module/checkout/_progress-bar.less | 2 +- .../css/source/module/checkout/_shipping.less | 4 ++-- .../Magento_Sales/web/css/source/_module.less | 2 +- .../web/css/source/module/_listings.less | 14 +++++------ .../web/css/source/module/_cart.less | 2 +- .../source/module/checkout/_progress-bar.less | 2 +- .../css/source/module/checkout/_shipping.less | 4 ++-- .../checkout/fields/_file-uploader.less | 4 ++-- .../Magento_Rma/web/css/source/_module.less | 2 +- .../Magento_Sales/web/css/source/_module.less | 2 +- lib/web/css/source/components/_modals.less | 2 +- lib/web/css/source/lib/_forms.less | 2 +- lib/web/css/source/lib/_messages.less | 4 ++-- lib/web/css/source/lib/_tables.less | 4 ++-- lib/web/css/source/lib/_utilities.less | 2 +- lib/web/css/source/lib/variables/_forms.less | 2 +- 52 files changed, 127 insertions(+), 127 deletions(-) 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;