"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "src/lib/sidenav/_sidenav-theme.scss" between
material2-7.3.2.tar.gz and material2-7.3.3.tar.gz

About: material2 offers Material Design components for Angular.

_sidenav-theme.scss  (material2-7.3.2):_sidenav-theme.scss  (material2-7.3.3)
skipping to change at line 12 skipping to change at line 12
@import '../core/theming/palette'; @import '../core/theming/palette';
@import '../core/theming/theming'; @import '../core/theming/theming';
@mixin mat-sidenav-theme($theme) { @mixin mat-sidenav-theme($theme) {
$primary: map-get($theme, primary); $primary: map-get($theme, primary);
$accent: map-get($theme, accent); $accent: map-get($theme, accent);
$warn: map-get($theme, warn); $warn: map-get($theme, warn);
$background: map-get($theme, background); $background: map-get($theme, background);
$foreground: map-get($theme, foreground); $foreground: map-get($theme, foreground);
// We use invert() here to have the darken the background color expected to be
used. If the
// background is light, we use a dark backdrop. If the background is dark,
// we use a light backdrop.
$drawer-backdrop-color: invert(mat-color($background, card, 0.6));
$drawer-background-color: mat-color($background, dialog); $drawer-background-color: mat-color($background, dialog);
$drawer-container-background-color: mat-color($background, background); $drawer-container-background-color: mat-color($background, background);
$drawer-push-background-color: mat-color($background, dialog); $drawer-push-background-color: mat-color($background, dialog);
$drawer-side-border: solid 1px mat-color($foreground, divider); $drawer-side-border: solid 1px mat-color($foreground, divider);
.mat-drawer-container { .mat-drawer-container {
background-color: $drawer-container-background-color; background-color: $drawer-container-background-color;
color: mat-color($foreground, text); color: mat-color($foreground, text);
} }
skipping to change at line 61 skipping to change at line 57
border-left: $drawer-side-border; border-left: $drawer-side-border;
border-right: none; border-right: none;
&.mat-drawer-end { &.mat-drawer-end {
border-left: none; border-left: none;
border-right: $drawer-side-border; border-right: $drawer-side-border;
} }
} }
.mat-drawer-backdrop.mat-drawer-shown { .mat-drawer-backdrop.mat-drawer-shown {
background-color: $drawer-backdrop-color; $opacity: 0.6;
$backdrop-color: mat-color($background, card, $opacity);
@if (type-of($backdrop-color) == color) {
// We use invert() here to have the darken the background color expected t
o be used. If the
// background is light, we use a dark backdrop. If the background is dark,
// we use a light backdrop.
background-color: invert($backdrop-color);
}
@else {
// If we couldn't resolve the backdrop color to a color value, fall back t
o using
// `opacity` to make it opaque since its end value could be a solid color.
background-color: $backdrop-color;
opacity: $opacity;
}
} }
} }
@mixin mat-sidenav-typography($config) { } @mixin mat-sidenav-typography($config) { }
 End of changes. 2 change blocks. 
6 lines changed or deleted 17 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)