Make the left nav uniform color (#3127)

* Make the left nav uniform color

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>

* Separate large and xlarge sizes

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>

---------

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>
This commit is contained in:
kolchfa-aws 2023-03-02 22:01:50 -05:00 committed by GitHub
parent 2bbf397e15
commit 0c41f3688b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 0 deletions

View File

@ -677,6 +677,14 @@ main {
position: relative; position: relative;
justify-content: center; justify-content: center;
@include mq(lg) {
background: linear-gradient(to right, $sidebar-color $nav-width, transparent $nav-width);
}
@include mq(xl) {
background: linear-gradient(to right, $sidebar-color calc((100% - #{$nav-width + $max-content-width }) / 2 + 2 * #{$top-button-margin} ), transparent calc((100% - #{$nav-width + $max-content-width }) / 2 + 2 * #{$top-button-margin} ));
}
@include mq(md) { @include mq(md) {
padding-top: calc(4rem + 9px); padding-top: calc(4rem + 9px);
} }