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:
parent
2bbf397e15
commit
0c41f3688b
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue