font-family: monospace;
font-size: 13px;
- border-bottom: none;
+ border-bottom: 0;
border-bottom-left-radius: unset;
border-bottom-right-radius: unset;
}
opacity: 0.6;
}
- &:hover, &:active {
+ &:hover,
+ &:active {
svg {
opacity: 1;
}
}
@mixin maximized-base {
+ $nav-preview-vertical-padding: 40px;
+
flex-direction: row;
z-index: #{z(header) - 1};
position: fixed;
width: calc(100% - #{$menu-width});
height: calc(100vh - #{$header-height}) !important;
- $nav-preview-vertical-padding: 40px;
-
.nav-preview {
@include nav-preview-medium();
padding-top: #{$nav-preview-vertical-padding / 2};
padding-bottom: #{$nav-preview-vertical-padding / 2};
- padding-left: 0px;
- padding-right: 0px;
+ padding-left: 0;
+ padding-right: 0;
position: absolute;
background-color: pvar(--mainBackgroundColor);
width: 100% !important;
- border-top: none;
- border-left: none;
- border-right: none;
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
:last-child {
- margin-right: $not-expanded-horizontal-margins;
+ margin-right: pvar(--horizontalMarginContent);
}
}
margin-top: #{$nav-preview-tab-height + $nav-preview-vertical-padding} !important;
height: calc(100vh - #{$header-height + $nav-preview-tab-height + $nav-preview-vertical-padding}) !important;
width: 50% !important;
- border: none !important;
+ border: 0 !important;
border-radius: unset !important;
}
}
@media only screen and (min-width: $small-view) {
+ @include maximized-in-medium-view();
+
:host-context(.expanded) {
@include in-medium-view();
}
-
- @include maximized-in-medium-view();
}
@media only screen and (min-width: #{$small-view + $menu-width}) {