diff --git a/app/design/frontend/Magento/blank/web/css/source/_extends.less b/app/design/frontend/Magento/blank/web/css/source/_extends.less index 32e18921a1c48..aa934282ad7b6 100644 --- a/app/design/frontend/Magento/blank/web/css/source/_extends.less +++ b/app/design/frontend/Magento/blank/web/css/source/_extends.less @@ -11,6 +11,9 @@ // List default styles reset // --------------------------------------------- +/** + * @codingStandardsIgnoreStart + */ & when (@media-common = true) { .abs-reset-list { .lib-list-reset-styles(); @@ -177,13 +180,17 @@ // Abstract block title // --------------------------------------------- +@abs-block-title: { + margin-bottom: 15px; + + > strong { + .lib-heading(h3); + } +}; + & when (@media-common = true) { .abs-block-title { - margin-bottom: 15px; - - > strong { - .lib-heading(h3); - } + @abs-block-title(); } } @@ -194,7 +201,7 @@ & when (@media-common = true) { .abs-account-blocks { .block-title { - &:extend(.abs-block-title all); + @abs-block-title(); > .action { margin-left: 15px; @@ -330,13 +337,35 @@ } } +// +// Button as a link +// --------------------------------------------- + +@abs-action-button-as-link: { + .lib-button-as-link(@_margin: false); + border-radius: 0; + font-size: inherit; + font-weight: @font-weight__regular; + + &:active, + &:not(:focus) { + box-shadow: none; + } +}; + +& when (@media-common = true) { + .abs-action-button-as-link { + @abs-action-button-as-link(); + } +} + // // Action with icon remove with text // --------------------------------------------- & when (@media-common = true) { .abs-action-remove { - &:extend(.abs-action-button-as-link all); + @abs-action-button-as-link(); left: @indent__s; margin-left: 70%; position: absolute; @@ -677,24 +706,6 @@ } } -// -// Button as a link -// --------------------------------------------- - -& when (@media-common = true) { - .abs-action-button-as-link { - .lib-button-as-link(@_margin: false); - border-radius: 0; - font-size: inherit; - font-weight: @font-weight__regular; - - &:active, - &:not(:focus) { - box-shadow: none; - } - } -} - // // Button revert secondary color // --------------------------------------------- @@ -1446,3 +1457,4 @@ } } } +//@codingStandardsIgnoreEnd diff --git a/app/design/frontend/Magento/blank/web/css/source/_sources.less b/app/design/frontend/Magento/blank/web/css/source/_sources.less index 0e8c4b356a927..af7eda617217a 100644 --- a/app/design/frontend/Magento/blank/web/css/source/_sources.less +++ b/app/design/frontend/Magento/blank/web/css/source/_sources.less @@ -4,7 +4,7 @@ // */ @import '_variables.less'; -@import '_extends.less'; +@import (reference) '_extends.less'; @import '_typography.less'; @import '_layout.less'; @import '_tables.less';