diff --git a/app/design/frontend/Magento/luma/web/css/source/_extends.less b/app/design/frontend/Magento/luma/web/css/source/_extends.less index 4d5e6f55908da..d44a0e9247c09 100644 --- a/app/design/frontend/Magento/luma/web/css/source/_extends.less +++ b/app/design/frontend/Magento/luma/web/css/source/_extends.less @@ -10,13 +10,13 @@ @_column-number: 1; & when (@media-common = true) { - .abs-reset-list { - .lib-list-reset-styles(); + .abs-reset-list { + .lib-list-reset-styles(); - > li { - margin: 0; - } + > li { + margin: 0; } + } } // @@ -24,10 +24,10 @@ // --------------------------------------------- & when (@media-common = true) { - .action-primary { - .lib-button-primary(); - .lib-css(border-radius, @button__border-radius); - } + .action-primary { + .lib-button-primary(); + .lib-css(border-radius, @button__border-radius); + } } // @@ -35,18 +35,18 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-revert-to-action-secondary { - &:extend(.abs-revert-secondary-color all); - .lib-css(border-radius, @button__border-radius); + .abs-revert-to-action-secondary { + &:extend(.abs-revert-secondary-color all); + .lib-css(border-radius, @button__border-radius); - &:not(:focus) { - .lib-css(box-shadow, @button__shadow); - } + &:not(:focus) { + .lib-css(box-shadow, @button__shadow); + } - &:active { - .lib-css(box-shadow, @button__shadow-active); - } + &:active { + .lib-css(box-shadow, @button__shadow-active); } + } } // @@ -54,11 +54,11 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-action-link-button { - .lib-button(); - .lib-link-as-button(); - .lib-css(border-radius, @button__border-radius); - } + .abs-action-link-button { + .lib-button(); + .lib-link-as-button(); + .lib-css(border-radius, @button__border-radius); + } } // @@ -66,16 +66,16 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-action-button-as-link { - .lib-button-as-link(@_margin: false); - .lib-css(font-weight, @font-weight__regular); - border-radius: 0; - - &:active, - &:not(:focus) { - box-shadow: none; - } + .abs-action-button-as-link { + .lib-button-as-link(@_margin: false); + .lib-css(font-weight, @font-weight__regular); + border-radius: 0; + + &:active, + &:not(:focus) { + box-shadow: none; } + } } // @@ -83,9 +83,9 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-revert-secondary-color { - .lib-button-revert-secondary-color(); - } + .abs-revert-secondary-color { + .lib-button-revert-secondary-color(); + } } // @@ -93,9 +93,9 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-revert-secondary-size { - .lib-button-revert-secondary-size(); - } + .abs-revert-secondary-size { + .lib-button-revert-secondary-size(); + } } // @@ -103,9 +103,9 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-button-l { - .lib-button-l(); - } + .abs-button-l { + .lib-button-l(); + } } // @@ -113,28 +113,28 @@ // --------------------------------------------- @abs-product-options-list: { - dt { - clear: left; - float: left; - margin: 0 @indent__s @indent__xs 0; + dt { + clear: left; + float: left; + margin: 0 @indent__s @indent__xs 0; - &:after { - content: ': '; - } + &:after { + content: ': '; } + } - dd { - display: inline-block; - float: left; - margin: 0 0 @indent__xs; - word-break: break-all; - } + dd { + display: inline-block; + float: left; + margin: 0 0 @indent__xs; + word-break: break-all; + } }; & when (@media-common = true) { - .abs-product-options-list { - @abs-product-options-list(); - } + .abs-product-options-list { + @abs-product-options-list(); + } } // @@ -142,9 +142,9 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-product-options-list-desktop { - @abs-product-options-list(); - } + .abs-product-options-list-desktop { + @abs-product-options-list(); + } } // @@ -152,15 +152,15 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-button-responsive { - .lib-button-responsive(); - } + .abs-button-responsive { + .lib-button-responsive(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-button-desktop { - width: auto; - } + .abs-button-desktop { + width: auto; + } } // @@ -168,32 +168,32 @@ // --------------------------------------------- @abs-blocks-2columns: { - width: 48%; + width: 48%; - &:nth-child(1) { - clear: left; - float: left; - } + &:nth-child(1) { + clear: left; + float: left; + } - &:nth-child(2) { - float: right; + &:nth-child(2) { + float: right; - & + * { - clear: both; - } + & + * { + clear: both; } + } }; .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-blocks-2columns { - @abs-blocks-2columns(); - } + .abs-blocks-2columns { + @abs-blocks-2columns(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { - .abs-blocks-2columns-s { - @abs-blocks-2columns(); - } + .abs-blocks-2columns-s { + @abs-blocks-2columns(); + } } // @@ -201,14 +201,14 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-reset-image-wrapper { - height: auto; - padding: 0 !important; + .abs-reset-image-wrapper { + height: auto; + padding: 0 !important; - .product-image-photo { - position: static; - } + .product-image-photo { + position: static; } + } } // @@ -216,18 +216,18 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-adaptive-images { - display: block; - height: auto; - max-width: 100%; - } + .abs-adaptive-images { + display: block; + height: auto; + max-width: 100%; + } - .abs-adaptive-images-centered { - display: block; - height: auto; - margin: 0 auto; - max-width: 100%; - } + .abs-adaptive-images-centered { + display: block; + height: auto; + margin: 0 auto; + max-width: 100%; + } } // @@ -235,16 +235,16 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-login-block-title { - .lib-css(border-bottom, 1px solid @secondary__color); - .lib-font-size(18); - margin-bottom: 15px; - padding-bottom: 12px; + .abs-login-block-title { + .lib-css(border-bottom, 1px solid @secondary__color); + .lib-font-size(18); + margin-bottom: 15px; + padding-bottom: 12px; - strong { - font-weight: 500; - } + strong { + font-weight: 500; } + } } // @@ -252,18 +252,13 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-dropdown-simple { - .lib-dropdown( - @_dropdown-list-item-padding: 5px 5px 5px 23px, - @_dropdown-list-min-width: 200px, - @_icon-font-margin: 0 0 0 5px, - @_icon-font-vertical-align: middle - ); - - ul.items { - padding: 6px 0; - } + .abs-dropdown-simple { + .lib-dropdown(@_dropdown-list-item-padding: 5px 5px 5px 23px, @_dropdown-list-min-width: 200px, @_icon-font-margin: 0 0 0 5px, @_icon-font-vertical-align: middle); + + ul.items { + padding: 6px 0; } + } } // @@ -271,10 +266,10 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-input-qty { - text-align: center; - width: 54px; - } + .abs-input-qty { + text-align: center; + width: 54px; + } } // @@ -282,15 +277,15 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-margin-for-blocks-and-widgets { - margin-bottom: @indent__xl; - } + .abs-margin-for-blocks-and-widgets { + margin-bottom: @indent__xl; + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-margin-for-blocks-and-widgets-desktop { - margin-bottom: @indent__xl + @indent__s; - } + .abs-margin-for-blocks-and-widgets-desktop { + margin-bottom: @indent__xl + @indent__s; + } } // @@ -298,17 +293,9 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-remove-button-for-blocks { - .lib-icon-font( - @icon-remove, - @_icon-font-size: 12px, - @_icon-font-line-height: 15px, - @_icon-font-text-hide: true, - @_icon-font-color: @color-gray46, - @_icon-font-color-hover: @color-gray-darken4, - @_icon-font-color-active: @color-gray60 - ); - } + .abs-remove-button-for-blocks { + .lib-icon-font(@icon-remove, @_icon-font-size: 12px, @_icon-font-line-height: 15px, @_icon-font-text-hide: true, @_icon-font-color: @color-gray46, @_icon-font-color-hover: @color-gray-darken4, @_icon-font-color-active: @color-gray60); + } } // @@ -316,21 +303,13 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-product-link { - font-weight: @font-weight__regular; - > a { - .lib-link( - @_link-color: @product-name-link__color, - @_link-text-decoration: @product-name-link__text-decoration, - @_link-color-visited: @product-name-link__color__visited, - @_link-text-decoration-visited: @product-name-link__text-decoration__visited, - @_link-color-hover: @product-name-link__color__hover, - @_link-text-decoration-hover: @product-name-link__text-decoration__hover, - @_link-color-active: @product-name-link__color__active, - @_link-text-decoration-active: @product-name-link__text-decoration__active - ); - } + .abs-product-link { + font-weight: @font-weight__regular; + + > a { + .lib-link(@_link-color: @product-name-link__color, @_link-text-decoration: @product-name-link__text-decoration, @_link-color-visited: @product-name-link__color__visited, @_link-text-decoration-visited: @product-name-link__text-decoration__visited, @_link-color-hover: @product-name-link__color__hover, @_link-text-decoration-hover: @product-name-link__text-decoration__hover, @_link-color-active: @product-name-link__color__active, @_link-text-decoration-active: @product-name-link__text-decoration__active); } + } } // @@ -338,10 +317,10 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-like-link { - .lib-link(); - cursor: pointer; - } + .abs-like-link { + .lib-link(); + cursor: pointer; + } } // @@ -349,25 +328,25 @@ // --------------------------------------------- @abs-reset-left-margin: { - margin-left: 0; + margin-left: 0; }; & when (@media-common = true) { - .abs-reset-left-margin { - @abs-reset-left-margin(); - } + .abs-reset-left-margin { + @abs-reset-left-margin(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-reset-left-margin-desktop { - @abs-reset-left-margin(); - } + .abs-reset-left-margin-desktop { + @abs-reset-left-margin(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { - .abs-reset-left-margin-desktop-s { - @abs-reset-left-margin(); - } + .abs-reset-left-margin-desktop-s { + @abs-reset-left-margin(); + } } // @@ -375,14 +354,14 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-action-remove { - &:extend(.abs-action-button-as-link all); - line-height: normal; - margin-left: 73%; - position: absolute; - top: 34px; - width: auto; - } + .abs-action-remove { + &:extend(.abs-action-button-as-link all); + line-height: normal; + margin-left: 73%; + position: absolute; + top: 34px; + width: auto; + } } // @@ -390,9 +369,9 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-action-remove-desktop { - margin-left: 90%; - } + .abs-action-remove-desktop { + margin-left: 90%; + } } // @@ -400,52 +379,52 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-add-fields { - .fieldset { - .field { - .control { - width: 70%; - } - } - - .actions-toolbar { - &:extend(.abs-add-clearfix all); + .abs-add-fields { + .fieldset { + .field { + .control { + width: 70%; + } + } - > .secondary { - .action { - &.add { - margin-top: @indent__l; - } - } + .actions-toolbar { + &:extend(.abs-add-clearfix all); - float: left; - } + > .secondary { + .action { + &.add { + margin-top: @indent__l; } + } - .fields { - .actions-toolbar { - margin: 0; - } - } + float: left; } + } - .additional { - margin-top: 55px; - position: relative; + .fields { + .actions-toolbar { + margin: 0; } + } + } - .action { - &.remove { - &:extend(.abs-action-remove all); - } - } + .additional { + margin-top: 55px; + position: relative; + } - .message { - &.notice { - margin: @indent__l 0 0; - } - } + .action { + &.remove { + &:extend(.abs-action-remove all); + } + } + + .message { + &.notice { + margin: @indent__l 0 0; + } } + } } // @@ -453,23 +432,23 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-add-fields-desktop { - .fieldset { - .field { - .control { - width: auto; - } - } + .abs-add-fields-desktop { + .fieldset { + .field { + .control { + width: auto; + } + } - .additional { - .action { - &.remove { - &:extend(.abs-action-remove-desktop all); - } - } - } + .additional { + .action { + &.remove { + &:extend(.abs-action-remove-desktop all); + } } + } } + } } // @@ -477,9 +456,9 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-margin-for-forms-desktop { - .lib-css(margin-left, @form-field-type-label-inline__width); - } + .abs-margin-for-forms-desktop { + .lib-css(margin-left, @form-field-type-label-inline__width); + } } // @@ -487,13 +466,13 @@ // --------------------------------------------- @abs-hidden: { - .lib-visibility-hidden(); + .lib-visibility-hidden(); }; & when (@media-common = true) { - .abs-hidden { - @abs-hidden(); - } + .abs-hidden { + @abs-hidden(); + } } // @@ -501,37 +480,37 @@ // --------------------------------------------- @abs-visually-hidden: { - .lib-visually-hidden(); + .lib-visually-hidden(); }; & when (@media-common = true) { - .abs-visually-hidden { - @abs-visually-hidden(); - } + .abs-visually-hidden { + @abs-visually-hidden(); + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-visually-hidden-mobile { - @abs-visually-hidden(); - } + .abs-visually-hidden-mobile { + @abs-visually-hidden(); + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { - .abs-visually-hidden-mobile-m { - @abs-visually-hidden(); - } + .abs-visually-hidden-mobile-m { + @abs-visually-hidden(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { - .abs-visually-hidden-desktop-s { - @abs-visually-hidden(); - } + .abs-visually-hidden-desktop-s { + @abs-visually-hidden(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-visually-hidden-desktop { - @abs-visually-hidden(); - } + .abs-visually-hidden-desktop { + @abs-visually-hidden(); + } } // @@ -539,9 +518,9 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-visually-hidden-reset { - .lib-visually-hidden-reset(); - } + .abs-visually-hidden-reset { + .lib-visually-hidden-reset(); + } } // @@ -549,37 +528,37 @@ // --------------------------------------------- @abs-add-clearfix: { - .lib-clearfix(); + .lib-clearfix(); }; & when (@media-common = true) { - .abs-add-clearfix { - @abs-add-clearfix(); - } + .abs-add-clearfix { + @abs-add-clearfix(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-add-clearfix-desktop { - @abs-add-clearfix(); - } + .abs-add-clearfix-desktop { + @abs-add-clearfix(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { - .abs-add-clearfix-desktop-s { - @abs-add-clearfix(); - } + .abs-add-clearfix-desktop-s { + @abs-add-clearfix(); + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-add-clearfix-mobile { - @abs-add-clearfix(); - } + .abs-add-clearfix-mobile { + @abs-add-clearfix(); + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { - .abs-add-clearfix-mobile-m { - @abs-add-clearfix(); - } + .abs-add-clearfix-mobile-m { + @abs-add-clearfix(); + } } // @@ -587,31 +566,31 @@ // --------------------------------------------- @abs-add-box-sizing: { - box-sizing: border-box; + box-sizing: border-box; }; & when (@media-common = true) { - .abs-add-box-sizing { - @abs-add-box-sizing(); - } + .abs-add-box-sizing { + @abs-add-box-sizing(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-add-box-sizing-desktop { - @abs-add-box-sizing(); - } + .abs-add-box-sizing-desktop { + @abs-add-box-sizing(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { - .abs-add-box-sizing-desktop-s { - @abs-add-box-sizing(); - } + .abs-add-box-sizing-desktop-s { + @abs-add-box-sizing(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-add-box-sizing-desktop-m { - @abs-add-box-sizing(); - } + .abs-add-box-sizing-desktop-m { + @abs-add-box-sizing(); + } } // @@ -619,18 +598,18 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-revert-field-type-desktop { - .fieldset { - > .field, - .fields > .field { - .lib-form-field-type-revert(@_type: block); - - &:not(:first-child):last-of-type { - margin-bottom: 0; - } - } + .abs-revert-field-type-desktop { + .fieldset { + > .field, + .fields > .field { + .lib-form-field-type-revert(@_type: block); + + &:not(:first-child):last-of-type { + margin-bottom: 0; } + } } + } } // @@ -638,21 +617,15 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-navigation-icon { - .lib-icon-font( - @_icon-font-content: @icon-down, - @_icon-font-size: 34px, - @_icon-font-line-height: 1.2, - @_icon-font-position: after, - @_icon-font-display: block - ); - - &:after { - position: absolute; - right: 5px; - top: 0; - } + .abs-navigation-icon { + .lib-icon-font(@_icon-font-content: @icon-down, @_icon-font-size: 34px, @_icon-font-line-height: 1.2, @_icon-font-position: after, @_icon-font-display: block); + + &:after { + position: absolute; + right: 5px; + top: 0; } + } } // @@ -660,13 +633,10 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-split-button { - .lib-dropdown-split( - @_options-selector : ~'.items', - @_dropdown-split-button-border-radius-fix: true - ); - vertical-align: middle; - } + .abs-split-button { + .lib-dropdown-split(@_options-selector: ~'.items', @_dropdown-split-button-border-radius-fix: true); + vertical-align: middle; + } } // @@ -674,33 +644,33 @@ // --------------------------------------------- @abs-form-field-column-2: { - .fieldset { - .field { - .lib-form-field-column(@_column: true); + .fieldset { + .field { + .lib-form-field-column(@_column: true); - &:nth-last-child(1), - &:nth-last-child(2) { - margin-bottom: 0; - } + &:nth-last-child(1), + &:nth-last-child(2) { + margin-bottom: 0; + } - .field { - padding: 0; - width: 100%; - } - } + .field { + padding: 0; + width: 100%; + } } + } }; .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-form-field-column-2 { - @abs-form-field-column-2(); - } + .abs-form-field-column-2 { + @abs-form-field-column-2(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { - .abs-form-field-column-2-s { - @abs-form-field-column-2(); - } + .abs-form-field-column-2-s { + @abs-form-field-column-2(); + } } // @@ -708,19 +678,19 @@ // --------------------------------------------- @abs-form-field-revert-column-1: { - .lib-form-field-column-number(@_column-number); + .lib-form-field-column-number(@_column-number); }; .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-form-field-revert-column-1 { - @abs-form-field-revert-column-1(); - } + .abs-form-field-revert-column-1 { + @abs-form-field-revert-column-1(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { - .abs-form-field-revert-column-1-s { - @abs-form-field-revert-column-1(); - } + .abs-form-field-revert-column-1-s { + @abs-form-field-revert-column-1(); + } } // @@ -728,11 +698,11 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-methods-shipping-title { - .lib-css(font-weight, @font-weight__semibold); - .lib-font-size(16); - margin-bottom: 15px; - } + .abs-methods-shipping-title { + .lib-css(font-weight, @font-weight__semibold); + .lib-font-size(16); + margin-bottom: 15px; + } } // @@ -740,47 +710,48 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-checkout-order-review { - tbody > tr { - &:extend(.abs-add-clearfix-mobile all); - &:not(:last-child) { - .lib-css(border-bottom, @border-width__base solid @border-color__base); - } + .abs-checkout-order-review { + tbody > tr { + &:extend(.abs-add-clearfix-mobile all); - > td.col { - &.item { - &:before { - display: none; - } - } - - &.qty, - &.price, - &.subtotal { - box-sizing: border-box; - float: left; - text-align: center; - white-space: nowrap; - width: 33%; - - &[data-th]:before { - content: attr(data-th) ':'; - display: block; - font-weight: @font-weight__bold; - padding-bottom: @indent__s; - } - } - - &:last-child { - border: 0; - } - } + &:not(:last-child) { + .lib-css(border-bottom, @border-width__base solid @border-color__base); + } + + > td.col { + &.item { + &:before { + display: none; + } } - .product-item-name { - margin: 0; + &.qty, + &.price, + &.subtotal { + box-sizing: border-box; + float: left; + text-align: center; + white-space: nowrap; + width: 33%; + + &[data-th]:before { + content: attr(data-th) ':'; + display: block; + font-weight: @font-weight__bold; + padding-bottom: @indent__s; + } + } + + &:last-child { + border: 0; } + } } + + .product-item-name { + margin: 0; + } + } } // @@ -788,29 +759,23 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-actions-addto { - .lib-css(color, @addto-color); - display: inline-block; - font-weight: @font-weight__semibold; - letter-spacing: .05em; - text-transform: uppercase; - .lib-icon-font( - @_icon-font-content: '', - @_icon-font-size: 16px, - @_icon-font-line-height: 16px, - @_icon-font-margin: -2px 5px 0 0, - @_icon-font-vertical-align: middle - ); - - &:hover { - .lib-css(color, @addto-hover-color); - text-decoration: none; - } + .abs-actions-addto { + .lib-css(color, @addto-color); + display: inline-block; + font-weight: @font-weight__semibold; + letter-spacing: .05em; + text-transform: uppercase; + .lib-icon-font(@_icon-font-content: '', @_icon-font-size: 16px, @_icon-font-line-height: 16px, @_icon-font-margin: -2px 5px 0 0, @_icon-font-vertical-align: middle); - &:before { - width: 18px; - } + &:hover { + .lib-css(color, @addto-hover-color); + text-decoration: none; + } + + &:before { + width: 18px; } + } } // @@ -818,9 +783,9 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-box-tocart { - margin: 0 0 @indent__l; - } + .abs-box-tocart { + margin: 0 0 @indent__l; + } } // @@ -828,17 +793,17 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-forms-general-desktop { - max-width: 500px; + .abs-forms-general-desktop { + max-width: 500px; - .legend { - .lib-visually-hidden(); - } + .legend { + .lib-visually-hidden(); + } - .legend + br { - display: none; - } + .legend + br { + display: none; } + } } // @@ -846,10 +811,10 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-revert-side-paddings { - padding-left: 0; - padding-right: 0; - } + .abs-revert-side-paddings { + padding-left: 0; + padding-right: 0; + } } // @@ -857,55 +822,37 @@ // --------------------------------------------- @abs-toggling-title: { - .lib-css(border-top, @border-width__base solid @border-color__base); - cursor: pointer; - margin-bottom: 0; - position: relative; - - &:after { - position: absolute; - right: @indent__base; - top: @indent__s; - } + .lib-css(border-top, @border-width__base solid @border-color__base); + cursor: pointer; + margin-bottom: 0; + position: relative; + + &:after { + position: absolute; + right: @indent__base; + top: @indent__s; + } }; & when (@media-common = true) { - .abs-toggling-title { - @abs-toggling-title(); - .lib-css(padding, @indent__s @indent__xl @indent__s @mobile-cart-padding); - .lib-icon-font( - @icon-down, - @_icon-font-size: 12px, - @_icon-font-line-height: 12px, - @_icon-font-text-hide: true, - @_icon-font-margin: 3px 0 0, - @_icon-font-position: after, - @_icon-font-display: block - ); - } + .abs-toggling-title { + @abs-toggling-title(); + .lib-css(padding, @indent__s @indent__xl @indent__s @mobile-cart-padding); + .lib-icon-font(@icon-down, @_icon-font-size: 12px, @_icon-font-line-height: 12px, @_icon-font-text-hide: true, @_icon-font-margin: 3px 0 0, @_icon-font-position: after, @_icon-font-display: block); + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { - .abs-toggling-title-mobile { - @abs-toggling-title(); - .lib-css(border-bottom, @border-width__base solid @border-color__base); - .lib-css(padding, @indent__s @indent__xl @indent__s @layout__width-xs-indent); - .lib-icon-font( - @icon-down, - @_icon-font-size: 12px, - @_icon-font-text-hide: false, - @_icon-font-margin: 3px 0 0 0, - @_icon-font-position: after, - @_icon-font-display: block - ); - - &.active { - .lib-icon-font-symbol( - @_icon-font-content: @icon-up, - @_icon-font-position: after - ); - } + .abs-toggling-title-mobile { + @abs-toggling-title(); + .lib-css(border-bottom, @border-width__base solid @border-color__base); + .lib-css(padding, @indent__s @indent__xl @indent__s @layout__width-xs-indent); + .lib-icon-font(@icon-down, @_icon-font-size: 12px, @_icon-font-text-hide: false, @_icon-font-margin: 3px 0 0 0, @_icon-font-position: after, @_icon-font-display: block); + + &.active { + .lib-icon-font-symbol(@_icon-font-content: @icon-up, @_icon-font-position: after); } + } } // @@ -913,39 +860,37 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-cart-block { - margin: 0; - - > .title { - &:extend(.abs-toggling-title all); - &:after { - color: @color-gray52; - } - } + .abs-cart-block { + margin: 0; - .content { - display: none; - .lib-css(padding, 5px @mobile-cart-padding 23px); - position: relative; - } + > .title { + &:extend(.abs-toggling-title all); - &.active { - > .title { - .lib-icon-font-symbol( - @_icon-font-content: @icon-up, - @_icon-font-position: after - ); - } + &:after { + color: @color-gray52; + } + } - .content { - display: block; - } - } + .content { + display: none; + .lib-css(padding, 5px @mobile-cart-padding 23px); + position: relative; } - .abs-cart-block-content { - margin: 0; + &.active { + > .title { + .lib-icon-font-symbol(@_icon-font-content: @icon-up, @_icon-font-position: after); + } + + .content { + display: block; + } } + } + + .abs-cart-block-content { + margin: 0; + } } // @@ -953,11 +898,11 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-checkout-cart-price { - .lib-css(color, @primary__color__lighter); - .lib-font-size(16); - font-weight: @font-weight__bold; - } + .abs-checkout-cart-price { + .lib-css(color, @primary__color__lighter); + .lib-font-size(16); + font-weight: @font-weight__bold; + } } // @@ -965,11 +910,11 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-checkout-product-name { - .lib-font-size(18); - font-weight: @font-weight__light; - margin: 0; - } + .abs-checkout-product-name { + .lib-font-size(18); + font-weight: @font-weight__light; + margin: 0; + } } // @@ -977,75 +922,74 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-product-items-summary { - tbody { - .col { - padding: @indent__s 0 0; - - &:last-child { - padding-bottom: @indent__s - } - } + .abs-product-items-summary { + tbody { + .col { + padding: @indent__s 0 0; + + &:last-child { + padding-bottom: @indent__s; } + } + } - tfoot { - .mark { - padding-bottom: @indent__xs; - text-align: left; - } + tfoot { + .mark { + padding-bottom: @indent__xs; + text-align: left; + } - .amount { - padding-top: 0; - text-align: left; - } + .amount { + padding-top: 0; + text-align: left; + } - .grand.totals { - .lib-font-size(16); + .grand.totals { + .lib-font-size(16); - .mark { - padding-bottom: 0; - padding-top: @indent__xs; - } + .mark { + padding-bottom: 0; + padding-top: @indent__xs; + } - .amount { - padding-bottom: @indent__s; - padding-top: 0; + .amount { + padding-bottom: @indent__s; + padding-top: 0; - strong { - border-top: none; - } - } - } + strong { + border-top: none; + } } + } } + } } // // Account pages: title // --------------------------------------------- -& when (@media-common = true) { - .abs-account-title { - > strong, - > span { - .lib-font-size(22); - .lib-css(font-weight, @font-weight__light); - } +@abs-account-title: { + > strong, + > span { + .lib-font-size(22); + .lib-css(font-weight, @font-weight__light); + } + + .lib-css(border-bottom, 1px solid @account-title-border-color); + .lib-css(margin-bottom, @indent__m); + .lib-css(padding-bottom, @indent__s); +}; - .lib-css(border-bottom, 1px solid @account-title-border-color); - .lib-css(margin-bottom, @indent__m); - .lib-css(padding-bottom, @indent__s); - } -} // // Account pages: block font size // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-account-block-font-size { - .lib-font-size(16); - } + .abs-account-block-font-size { + .lib-font-size(16); + } } // @@ -1053,9 +997,9 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-account-block-line-height { - line-height: 24px; - } + .abs-account-block-line-height { + line-height: 24px; + } } // @@ -1063,14 +1007,14 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-account-table-margin-mobile { - .lib-css(margin-top, -@indent__base); - } + .abs-account-table-margin-mobile { + .lib-css(margin-top, -@indent__base); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-account-table-margin-desktop { - .lib-css(margin-top, -@indent__m); - } + .abs-account-table-margin-desktop { + .lib-css(margin-top, -@indent__m); + } } // @@ -1078,11 +1022,11 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-col-no-prefix { - &:before { - .lib-visually-hidden(); - } + .abs-col-no-prefix { + &:before { + .lib-visually-hidden(); } + } } // @@ -1090,11 +1034,11 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-account-summary { - td { - .lib-css(background, @sidebar__background-color); - } + .abs-account-summary { + td { + .lib-css(background, @sidebar__background-color); } + } } // @@ -1102,29 +1046,23 @@ // --------------------------------------------- @abs-action-print: { - .lib-icon-font( - @icon-print, - @_icon-font-size: 16px, - @_icon-font-line-height: 16px, - @_icon-font-margin: 0 4px 0 0, - @_icon-font-position: before - ); + .lib-icon-font(@icon-print, @_icon-font-size: 16px, @_icon-font-line-height: 16px, @_icon-font-margin: 0 4px 0 0, @_icon-font-position: before); - &:hover { - text-decoration: underline; - } + &:hover { + text-decoration: underline; + } }; .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-action-print { - @abs-action-print(); - } + .abs-action-print { + @abs-action-print(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { - .abs-action-print-s { - @abs-action-print(); - } + .abs-action-print-s { + @abs-action-print(); + } } // @@ -1132,41 +1070,41 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-incl-excl-tax { - .price-including-tax, - .price-excluding-tax { - .lib-css(color, @cart-price-color); - .lib-font-size(18); - display: block; - line-height: 1; - white-space: nowrap; - - .price { - font-weight: @font-weight__bold; - } - } + .abs-incl-excl-tax { + .price-including-tax, + .price-excluding-tax { + .lib-css(color, @cart-price-color); + .lib-font-size(18); + display: block; + line-height: 1; + white-space: nowrap; + + .price { + font-weight: @font-weight__bold; + } } + } - .abs-adjustment-incl-excl-tax { - .price-including-tax, - .price-excluding-tax { - .lib-font-size(14); - display: inline-block; - } + .abs-adjustment-incl-excl-tax { + .price-including-tax, + .price-excluding-tax { + .lib-font-size(14); + display: inline-block; + } - .price-including-tax + .price-excluding-tax { - .lib-font-size(11); - display: inline-block; + .price-including-tax + .price-excluding-tax { + .lib-font-size(11); + display: inline-block; - &:before { - content: '('attr(data-label)': '; - } + &:before { + content: '('attr(data-label)': '; + } - &:after { - content: ')'; - } - } + &:after { + content: ')'; + } } + } } // @@ -1174,32 +1112,23 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-tax-total { - cursor: pointer; - padding-right: @indent__s; - position: relative; + .abs-tax-total { + cursor: pointer; + padding-right: @indent__s; + position: relative; - .lib-icon-font( - @icon-down, - @_icon-font-size: 8px, - @_icon-font-line-height: 8px, - @_icon-font-margin: 3px 0 0 0, - @_icon-font-position: after - ); + .lib-icon-font(@icon-down, @_icon-font-size: 8px, @_icon-font-line-height: 8px, @_icon-font-margin: 3px 0 0 0, @_icon-font-position: after); - &:after { - position: absolute; - right: -2px; - top: 4px; - } + &:after { + position: absolute; + right: -2px; + top: 4px; } + } - .abs-tax-total-expanded { - .lib-icon-font-symbol( - @_icon-font-content: @icon-up, - @_icon-font-position: after - ); - } + .abs-tax-total-expanded { + .lib-icon-font-symbol(@_icon-font-content: @icon-up, @_icon-font-position: after); + } } // @@ -1207,9 +1136,9 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-forms-margin-small { - .lib-css(margin-bottom, @indent__base); - } + .abs-forms-margin-small { + .lib-css(margin-bottom, @indent__base); + } } // @@ -1217,26 +1146,26 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-rating-summary { - .rating { - &-summary { - display: table-row; - } - - &-label { - display: table-cell; - padding-bottom: @indent__xs; - padding-right: @indent__m; - padding-top: 1px; - vertical-align: top; - } + .abs-rating-summary { + .rating { + &-summary { + display: table-row; + } + + &-label { + display: table-cell; + padding-bottom: @indent__xs; + padding-right: @indent__m; + padding-top: 1px; + vertical-align: top; + } - &-result { - display: table-cell; - vertical-align: top; - } - } + &-result { + display: table-cell; + vertical-align: top; + } } + } } // @@ -1244,22 +1173,22 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-account-actions { - &:after { - .lib-css(border-left, 1px solid @primary__color__light); - content: ''; - display: inline-block; - height: 12px; - margin: 0 @indent__s; - vertical-align: -1px; - } + .abs-account-actions { + &:after { + .lib-css(border-left, 1px solid @primary__color__light); + content: ''; + display: inline-block; + height: 12px; + margin: 0 @indent__s; + vertical-align: -1px; + } - &:last-child { - &:after { - display: none; - } - } + &:last-child { + &:after { + display: none; + } } + } } // @@ -1267,29 +1196,29 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-account-blocks { - .block-title { - &:extend(.abs-account-title all); + .abs-account-blocks { + .block-title { + @abs-account-title(); - > .action { - margin-left: 15px; - } - } + > .action { + margin-left: 15px; + } + } - .box-title { - > span { - .lib-font-size(16); - } + .box-title { + > span { + .lib-font-size(16); + } - display: inline-block; - margin: 0 0 @indent__s; + display: inline-block; + margin: 0 0 @indent__s; - > .action { - font-weight: 400; - margin-left: @indent__s; - } - } + > .action { + font-weight: 400; + margin-left: @indent__s; + } } + } } // @@ -1297,11 +1226,11 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-colon { - &:after { - content: ': '; - } + .abs-colon { + &:after { + content: ': '; } + } } // @@ -1309,27 +1238,15 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-icon-add { - .lib-icon-font( - @_icon-font-content: @icon-expand, - @_icon-font-size: 10px, - @_icon-font-line-height: 10px, - @_icon-font-vertical-align: middle - ); - } + .abs-icon-add { + .lib-icon-font(@_icon-font-content: @icon-expand, @_icon-font-size: 10px, @_icon-font-line-height: 10px, @_icon-font-vertical-align: middle); + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { - .abs-icon-add-mobile { - .lib-icon-font( - @_icon-font-content: @icon-expand, - @_icon-font-size: 10px, - @_icon-font-line-height: 10px, - @_icon-font-vertical-align: middle, - @_icon-font-margin: 0 5px 0 0, - @_icon-font-display: block - ); - } + .abs-icon-add-mobile { + .lib-icon-font(@_icon-font-content: @icon-expand, @_icon-font-size: 10px, @_icon-font-line-height: 10px, @_icon-font-vertical-align: middle, @_icon-font-margin: 0 5px 0 0, @_icon-font-display: block); + } } // @@ -1337,21 +1254,22 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-dropdown-items-new { - .items .item:last-child { - &:hover { - .lib-css(background, @dropdown-list-item__hover); - } - } + .abs-dropdown-items-new { + .items .item:last-child { + &:hover { + .lib-css(background, @dropdown-list-item__hover); + } + } - .action.new { - &:extend(.abs-icon-add all); - &:before { - margin-left: -17px; - margin-right: @indent__xs; - } - } + .action.new { + &:extend(.abs-icon-add all); + + &:before { + margin-left: -17px; + margin-right: @indent__xs; + } } + } } // @@ -1359,25 +1277,25 @@ // --------------------------------------------- @abs-no-display: { - display: none; + display: none; }; & when (@media-common = true) { - .abs-no-display { - @abs-no-display(); - } + .abs-no-display { + @abs-no-display(); + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-no-display-s { - @abs-no-display(); - } + .abs-no-display-s { + @abs-no-display(); + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-no-display-desktop { - @abs-no-display(); - } + .abs-no-display-desktop { + @abs-no-display(); + } } // @@ -1385,22 +1303,22 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-status { - .lib-css(border, 2px solid @border-color__base); - border-radius: 3px; - display: inline-block; - margin: 3px 0 0; - padding: 2px @indent__s; - text-transform: uppercase; - vertical-align: top; - } + .abs-status { + .lib-css(border, 2px solid @border-color__base); + border-radius: 3px; + display: inline-block; + margin: 3px 0 0; + padding: 2px @indent__s; + text-transform: uppercase; + vertical-align: top; + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-status-desktop { - margin-top: 6px; - padding: @indent__xs @indent__s; - } + .abs-status-desktop { + margin-top: 6px; + padding: @indent__xs @indent__s; + } } // @@ -1408,54 +1326,54 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-title-orders { - .page-main { - .page-title-wrapper { - .page-title { - margin-right: 25px; - } - - .order-date { - font-size: 16px; - margin-bottom: @indent__s; - - .label { - display: none; - } - } - } + .abs-title-orders { + .page-main { + .page-title-wrapper { + .page-title { + margin-right: 25px; } + + .order-date { + font-size: 16px; + margin-bottom: @indent__s; + + .label { + display: none; + } + } + } } + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-title-orders-mobile { - .page-main { - .page-title-wrapper { - .page-title { - display: block; - } - - .order-status { - @order-status-indent: ceil(@h1__margin-bottom/2); - margin: -@order-status-indent 0 @indent__s; - } - } + .abs-title-orders-mobile { + .page-main { + .page-title-wrapper { + .page-title { + display: block; } + + .order-status { + @order-status-indent: ceil(@h1__margin-bottom/2); + margin: -@order-status-indent 0 @indent__s; + } + } } + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-title-orders-desktop { - .page-main { - .page-title-wrapper { - .order-date { - @order-date-indent: ceil(@h1__margin-bottom/1.5); - margin: -@order-date-indent 0 18px; - } - } + .abs-title-orders-desktop { + .page-main { + .page-title-wrapper { + .order-date { + @order-date-indent: ceil(@h1__margin-bottom/1.5); + margin: -@order-date-indent 0 18px; } + } } + } } // @@ -1463,22 +1381,19 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-table-striped { - .lib-table-striped( - @_stripped-highlight: even - ); - .lib-table-bordered( - @_table_type: light - ); - } + .abs-table-striped { + .lib-table-striped(@_stripped-highlight: even); + + .lib-table-bordered(@_table_type: light); + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-table-striped-mobile { - > tbody > tr > td:last-child { - border: 0; - } + .abs-table-striped-mobile { + > tbody > tr > td:last-child { + border: 0; } + } } // @@ -1486,12 +1401,9 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-table-bordered-desktop { - .lib-table-bordered( - @_table_type: light, - @_table_border-width: 1px - ); - } + .abs-table-bordered-desktop { + .lib-table-bordered(@_table_type: light, @_table_border-width: 1px); + } } // @@ -1499,30 +1411,31 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-pager-toolbar { - position: relative; + .abs-pager-toolbar { + position: relative; - .toolbar-amount, - .limiter { - position: relative; - z-index: 1; - } - .limiter { - display: inline-block; - float: right; - } + .toolbar-amount, + .limiter { + position: relative; + z-index: 1; + } - .toolbar-amount { - .lib-css(line-height, @pager__line-height); - padding: 0; - } + .limiter { + display: inline-block; + float: right; + } - .pages { - position: absolute; - width: 100%; - z-index: 0; - } + .toolbar-amount { + .lib-css(line-height, @pager__line-height); + padding: 0; } + + .pages { + position: absolute; + width: 100%; + z-index: 0; + } + } } // @@ -1530,20 +1443,20 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-block-items-counter { - .lib-css(color, @block-items__counter__color); - .lib-font-size(12px); - vertical-align: middle; - white-space: nowrap; + .abs-block-items-counter { + .lib-css(color, @block-items__counter__color); + .lib-font-size(12px); + vertical-align: middle; + white-space: nowrap; - &:before { - content: '('; - } + &:before { + content: '('; + } - &:after { - content: ')'; - } + &:after { + content: ')'; } + } } // @@ -1551,15 +1464,15 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-block-widget-title { - margin: 0 0 @indent__base; + .abs-block-widget-title { + margin: 0 0 @indent__base; - strong { - font-size: @font-size__l; - font-weight: @font-weight__light; - vertical-align: middle; - } + strong { + font-size: @font-size__l; + font-weight: @font-weight__light; + vertical-align: middle; } + } } // @@ -1567,31 +1480,29 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-shopping-cart-items { - margin-bottom: @indent__base; + .abs-shopping-cart-items { + margin-bottom: @indent__base; - .actions.main { - .continue { - display: none; - } + .actions.main { + .continue { + display: none; + } - .clear { - .lib-button-as-link( - @_margin: 0 @indent__base 0 0 - ); - font-weight: @font-weight__regular; - } - } + .clear { + .lib-button-as-link(@_margin: 0 @indent__base 0 0); + font-weight: @font-weight__regular; + } } + } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-shopping-cart-items-desktop { - .lib-layout-column(2, 1, @layout-column-checkout__width-main); - &:extend(.abs-add-box-sizing-desktop all); - padding-right: 4%; - position: relative; - } + .abs-shopping-cart-items-desktop { + .lib-layout-column(2, 1, @layout-column-checkout__width-main); + &:extend(.abs-add-box-sizing-desktop all); + padding-right: 4%; + position: relative; + } } // @@ -1599,9 +1510,9 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-no-border-top { - border-top: 0; - } + .abs-no-border-top { + border-top: 0; + } } // @@ -1609,9 +1520,9 @@ // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-no-border-bottom { - border-bottom: 0; - } + .abs-no-border-bottom { + border-bottom: 0; + } } // @@ -1619,16 +1530,16 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-field-date { - .control { - position: relative; - &:extend(.abs-add-box-sizing all); - } + .abs-field-date { + .control { + position: relative; + &:extend(.abs-add-box-sizing all); + } - input { - &:extend(.abs-field-date-input); - } + input { + &:extend(.abs-field-date-input); } + } } // @@ -1636,10 +1547,10 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-field-date-input { - .lib-css(margin-right, @indent__s); - width: calc(~'100% -' @icon-calendar__font-size + @indent__s); - } + .abs-field-date-input { + .lib-css(margin-right, @indent__s); + width: ~'calc(100% - (@{icon-calendar__font-size} + @{indent__s}))'; + } } // @@ -1647,15 +1558,15 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-field-tooltip { - &:extend(.abs-add-box-sizing all); - position: relative; + .abs-field-tooltip { + &:extend(.abs-add-box-sizing all); + position: relative; - input { - .lib-css(margin-right, @indent__s); - width: calc(~'100% -' @checkout-tooltip-icon__font-size + @indent__s + @indent__xs); - } + input { + .lib-css(margin-right, @indent__s); + width: ~'calc(100% - (@{checkout-tooltip-icon__font-size} + @{indent__s} + @{indent__xs}))'; } + } } // @@ -1663,43 +1574,39 @@ // --------------------------------------------- @abs-checkout-tooltip-content-position-top: { - .lib-css(right, @checkout-tooltip-content-mobile__right); - .lib-css(top, @checkout-tooltip-content-mobile__top); + .lib-css(right, @checkout-tooltip-content-mobile__right); + .lib-css(top, @checkout-tooltip-content-mobile__top); + left: auto; + + &:before, + &:after { + .lib-arrow(@_position: top, @_size: @checkout-tooltip-icon-arrow__font-size, @_color: @checkout-tooltip-content__background-color); + .lib-css(margin-top, @checkout-tooltip-icon-arrow__left); + .lib-css(right, @indent__s); left: auto; + top: 0; + } - &:before, - &:after { - .lib-arrow( - @_position: top, - @_size: @checkout-tooltip-icon-arrow__font-size, - @_color: @checkout-tooltip-content__background-color - ); - .lib-css(margin-top, @checkout-tooltip-icon-arrow__left); - .lib-css(right, @indent__s); - left: auto; - top: 0; - } - - &:before { - .lib-css(border-bottom-color, @checkout-tooltip-content__active__border-color); - } + &:before { + .lib-css(border-bottom-color, @checkout-tooltip-content__active__border-color); + } - &:after { - .lib-css(border-bottom-color, @checkout-tooltip-content__background-color); - top: 1px; - } + &:after { + .lib-css(border-bottom-color, @checkout-tooltip-content__background-color); + top: 1px; + } }; & when (@media-common = true) { - .abs-checkout-tooltip-content-position-top { - @abs-checkout-tooltip-content-position-top(); - } + .abs-checkout-tooltip-content-position-top { + @abs-checkout-tooltip-content-position-top(); + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { - .abs-checkout-tooltip-content-position-top-mobile { - @abs-checkout-tooltip-content-position-top(); - } + .abs-checkout-tooltip-content-position-top-mobile { + @abs-checkout-tooltip-content-position-top(); + } } // @@ -1707,16 +1614,10 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-checkout-title { - .lib-css(padding-bottom, @checkout-step-title__padding); - .lib-typography( - @_font-size: @checkout-step-title__font-size, - @_font-weight: @checkout-step-title__font-weight, - @_font-family: false, - @_font-style: false, - @_line-height: false - ); - } + .abs-checkout-title { + .lib-css(padding-bottom, @checkout-step-title__padding); + .lib-typography(@_font-size: @checkout-step-title__font-size, @_font-weight: @checkout-step-title__font-weight, @_font-family: false, @_font-style: false, @_line-height: false); + } } // @@ -1724,141 +1625,132 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-sidebar-totals { - border-top: 1px solid @border-color__base; - padding-top: 10px; - - tbody, - tfoot { - .mark { - border: 0; - font-weight: @font-weight__regular; - padding: 6px 0; - } + .abs-sidebar-totals { + border-top: 1px solid @border-color__base; + padding-top: 10px; + + tbody, + tfoot { + .mark { + border: 0; + font-weight: @font-weight__regular; + padding: 6px 0; + } - .amount { - border: 0; - font-weight: @font-weight__regular; - padding: 6px 0 6px 14px; - text-align: right; - white-space: nowrap; - } - } + .amount { + border: 0; + font-weight: @font-weight__regular; + padding: 6px 0 6px 14px; + text-align: right; + white-space: nowrap; + } + } - .table-caption { - &:extend(.abs-no-display all); - } + .table-caption { + &:extend(.abs-no-display all); + } - .grand { - th, - td { - padding: 11px 0; - } + .grand { + th, + td { + padding: 11px 0; + } - strong { - display: inline-block; - font-weight: @font-weight__semibold; - padding: 3px 0 0; - } + strong { + display: inline-block; + font-weight: @font-weight__semibold; + padding: 3px 0 0; + } - .mark { - .lib-font-size(18); - border-top: 1px solid @border-color__base; - padding-right: @indent__s; - } + .mark { + .lib-font-size(18); + border-top: 1px solid @border-color__base; + padding-right: @indent__s; + } - .amount { - .lib-font-size(18); - border-top: 1px solid @border-color__base; - } - } + .amount { + .lib-font-size(18); + border-top: 1px solid @border-color__base; + } + } - .msrp { - margin-bottom: @indent__s; - } + .msrp { + margin-bottom: @indent__s; + } - tbody tr:last-child td { - padding-bottom: 19px; + tbody tr:last-child td { + padding-bottom: 19px; + } + + .totals-tax { + &-summary { + .mark, + .amount { + border-bottom: @border-width__base solid @border-color__base; + border-top: @border-width__base solid @border-color__base; + cursor: pointer; } - .totals-tax { - &-summary { - .mark, - .amount { - border-bottom: @border-width__base solid @border-color__base; - border-top: @border-width__base solid @border-color__base; - cursor: pointer; - } - - .amount .price { - padding-right: @indent__base; - position: relative; - .lib-icon-font( - @icon-down, - @_icon-font-size: 12px, - @_icon-font-line-height: 12px, - @_icon-font-text-hide: true, - @_icon-font-position: after - ); - - &:after { - position: absolute; - right: 3px; - top: 3px; - } - } - - &.expanded { - .mark, - .amount { - border-bottom: 0; - } - - .amount .price { - .lib-icon-font-symbol( - @_icon-font-content: @icon-up, - @_icon-font-position: after - ); - } - } - } + .amount .price { + padding-right: @indent__base; + position: relative; + .lib-icon-font(@icon-down, @_icon-font-size: 12px, @_icon-font-line-height: 12px, @_icon-font-text-hide: true, @_icon-font-position: after); + + &:after { + position: absolute; + right: 3px; + top: 3px; + } + } - &-details { - border-bottom: @border-width__base solid @border-color__base; - display: none; + &.expanded { + .mark, + .amount { + border-bottom: 0; + } - &.shown { - display: table-row; - } - } + .amount .price { + .lib-icon-font-symbol(@_icon-font-content: @icon-up, @_icon-font-position: after); + } } + } + + &-details { + border-bottom: @border-width__base solid @border-color__base; + display: none; - .table-wrapper { - margin-bottom: 0; + &.shown { + display: table-row; } + } } + + .table-wrapper { + margin-bottom: 0; + } + } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { - .abs-sidebar-totals-mobile { - th { - &:extend(.abs-col-no-prefix all); - } + .abs-sidebar-totals-mobile { + th { + &:extend(.abs-col-no-prefix all); + } - td { - &:extend(.abs-col-no-prefix all); - } + td { + &:extend(.abs-col-no-prefix all); + } - tbody tr:not(:last-child) { - td { - &:extend(.abs-no-border-bottom-top all); - } - } + tbody tr:not(:last-child) { + td { + &:extend(.abs-no-border-bottom-top all); + } + } - .amount { - text-align: right; - } + .amount { + text-align: right; } + } } // @@ -1866,90 +1758,90 @@ // --------------------------------------------- & when (@media-common = true) { - .abs-discount-block { - .block { - &:extend(.abs-cart-block all); - - > .title { - strong { - color: @link__color; - font-weight: @font-weight__regular; - } - } + .abs-discount-block { + .block { + &:extend(.abs-cart-block all); + + > .title { + strong { + color: @link__color; + font-weight: @font-weight__regular; } + } + } - .actions-toolbar { - display: table-cell; - vertical-align: top; - width: 1%; - - .action { - &.primary, - &.cancel { - &:extend(.abs-revert-to-action-secondary all); - border-bottom-left-radius: 0; - border-top-left-radius: 0; - margin: 0 0 0 -1px; - white-space: nowrap; - width: auto; - } - } + .actions-toolbar { + display: table-cell; + vertical-align: top; + width: 1%; - .secondary { - bottom: 5px; - left: @mobile-cart-padding; - position: absolute; - } + .action { + &.primary, + &.cancel { + &:extend(.abs-revert-to-action-secondary all); + border-bottom-left-radius: 0; + border-top-left-radius: 0; + margin: 0 0 0 -1px; + white-space: nowrap; + width: auto; } + } - .action.check { - &:extend(.abs-action-button-as-link all); - font-weight: @font-weight__regular; - } + .secondary { + bottom: 5px; + left: @mobile-cart-padding; + position: absolute; + } + } - .fieldset { - display: table; - width: 100%; + .action.check { + &:extend(.abs-action-button-as-link all); + font-weight: @font-weight__regular; + } - > .field { - > .label { - display: none; - } - } - } + .fieldset { + display: table; + width: 100%; - .field { - display: table-cell; + > .field { + > .label { + display: none; } + } } + .field { + display: table-cell; + } + } + } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { - .abs-discount-block-desktop { - .block { - &:extend(.abs-blocks-2columns all); - - > .title { - border: 0; - padding: 0 0 @indent__s; + .abs-discount-block-desktop { + .block { + &:extend(.abs-blocks-2columns all); - strong { - .lib-font-size(16); - } - } + > .title { + border: 0; + padding: 0 0 @indent__s; - .content { - .lib-css(padding, 0 0 @indent__base); - } + strong { + .lib-font-size(16); } + } - .actions-toolbar { - .secondary { - bottom: -30px; - left: 0; - position: absolute; - } - } + .content { + .lib-css(padding, 0 0 @indent__base); + } + } + + .actions-toolbar { + .secondary { + bottom: -30px; + left: 0; + position: absolute; + } } + } }