"Fossies" - the Fresh Open Source Software Archive  

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

About: material2 offers Material Design components for Angular.

_datepicker-theme.scss  (material2-7.3.2):_datepicker-theme.scss  (material2-7.3.3)
skipping to change at line 19 skipping to change at line 19
$mat-calendar-body-font-size: 13px !default; $mat-calendar-body-font-size: 13px !default;
$mat-calendar-weekday-table-font-size: 11px !default; $mat-calendar-weekday-table-font-size: 11px !default;
@mixin _mat-datepicker-color($palette) { @mixin _mat-datepicker-color($palette) {
.mat-calendar-body-selected { .mat-calendar-body-selected {
background-color: mat-color($palette); background-color: mat-color($palette);
color: mat-color($palette, default-contrast); color: mat-color($palette, default-contrast);
} }
.mat-calendar-body-disabled > .mat-calendar-body-selected { .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: fade-out(mat-color($palette), $mat-datepicker-selected-fad $background: mat-color($palette);
e-amount);
@if (type-of($background) == color) {
background-color: fade-out($background, $mat-datepicker-selected-fade-amou
nt);
}
@else {
// If we couldn't resolve to background to a color (e.g. it's a CSS variab
le),
// fall back to fading the content out via `opacity`.
opacity: $mat-datepicker-today-fade-amount;
}
} }
.mat-calendar-body-today.mat-calendar-body-selected { .mat-calendar-body-today.mat-calendar-body-selected {
box-shadow: inset 0 0 0 $mat-datepicker-selected-today-box-shadow-width box-shadow: inset 0 0 0 $mat-datepicker-selected-today-box-shadow-width
mat-color($palette, default-contrast); mat-color($palette, default-contrast);
} }
} }
@mixin mat-datepicker-theme($theme) { @mixin mat-datepicker-theme($theme) {
$foreground: map-get($theme, foreground); $foreground: map-get($theme, foreground);
skipping to change at line 80 skipping to change at line 89
} }
} }
.mat-calendar-body-today:not(.mat-calendar-body-selected) { .mat-calendar-body-today:not(.mat-calendar-body-selected) {
// Note: though it's not text, the border is a hint about the fact that this is today's date, // Note: though it's not text, the border is a hint about the fact that this is today's date,
// so we use the hint color. // so we use the hint color.
border-color: mat-color($foreground, hint-text); border-color: mat-color($foreground, hint-text);
} }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body- selected) { .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body- selected) {
border-color: fade-out(mat-color($foreground, hint-text), $mat-datepicker-to $color: mat-color($foreground, hint-text);
day-fade-amount);
@if (type-of($color) == color) {
border-color: fade-out($color, $mat-datepicker-today-fade-amount);
}
@else {
// If the color didn't resolve to a color value, but something like a CSS
variable, we can't
// fade it out so we fall back to reducing the element opacity. Note that
we don't use the
// $mat-datepicker-today-fade-amount, because hint text usually has some o
pacity applied
// to it already and we don't want them to stack on top of each other.
opacity: 0.5;
}
} }
@include _mat-datepicker-color(map-get($theme, primary)); @include _mat-datepicker-color(map-get($theme, primary));
.mat-datepicker-content { .mat-datepicker-content {
@include _mat-theme-elevation(4, $theme); @include _mat-theme-elevation(4, $theme);
background-color: mat-color($background, card); background-color: mat-color($background, card);
color: mat-color($foreground, text); color: mat-color($foreground, text);
&.mat-accent { &.mat-accent {
 End of changes. 2 change blocks. 
4 lines changed or deleted 27 lines changed or added

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