Changing @tab-content__border variable has no effect in Blank theme

[denistrator]

Preconditions

Any Magento 2
FE theme inherited from Magento/Blank

Steps to reproduce

In Custom/theme/web/css/source/_theme.less set less variables to:
@tab-content__border-top-status: false;
@tab-content__border: 1px solid #000;

Expected result

Tabs content has border

Actual result

Tabs content has no border

What causes the issue

web/css/source/_sections.less calls .lib-data-tabs() mixin with @_tab-content-border-top-status: true argument, so @tab-content__border-top-status variable isn't used in .lib-data-tabs()

Solution

1. Remove @_tab-content-border-top-status: true argument in web/css/source/_sections.less (as it's done in Magento/Luma);
2. Add @tab-content__border-top-status: true in web/css/source/_variables.less

Workaround

Create Custom/theme/web/css/source/_sections_extend.less with:

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .product.data.items {
        > .item.content {
            ._lib-tab-content-border(
                @_tab-content-border-top-status: @tab-content__border-top-status
            );
        }
    }
}

[hitesh-wagento]

I am working on this

[sidolov]

Hi @denistrator. Thank you for your report.
The issue has been fixed in #15917 by @hitesh-wagento in 2.1-develop branch
Related commit(s):

• 5b34517ffada38f95a2ec0deae9e20a6b628ab4a

The fix will be available with the upcoming 2.1.15 release.

[magento-engcom-team]

Hi @denistrator. Thank you for your report.
The issue has been fixed in #15916 by @hitesh-wagento in 2.3-develop branch
Related commit(s):

• 21ce9fb9ae8696d24343058a981aaa18b8bc16d8

The fix will be available with the upcoming 2.3.0 release.