styles: Apply `@background` var to Sidebar `background`

Also de-coupling border and background vars as they are aimed to
be fully replaced by tokens in future.

Bug: T313243
Change-Id: I5b7e46b6d2a0cc6975cb3c760645eaf2d5d30de5
This commit is contained in:
Volker E 2022-07-19 04:33:44 -07:00
parent b62f7fa4dd
commit fca7726a17
2 changed files with 2 additions and 2 deletions

View File

@ -48,7 +48,7 @@ body:not( .vector-toc-enabled ) .mw-sidebar {
// Temporary magic number, will be calculated after TOC specs are finalized
padding: 12px 19px 12px 9px;
background-image: none;
background-color: @border-color-sidebar;
background-color: @background-color-secondary--modern;
}
& .vector-layout-grid {

View File

@ -63,8 +63,8 @@
unit( 500px / @font-size-browser, em ) -
( 2 * @padding-horizontal-page-container-wide );
// 31.25em - 3.75em = 27.5em @ 16
@border-color-sidebar: @background-color-secondary--modern;
@background-color-secondary--modern: #f8f9fa;
@border-color-sidebar: #f8f9fa;
@background-color-page-container: @background-color-base;
body {