"Fossies" - the Fresh Open Source Software Archive  

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

About: material2 offers Material Design components for Angular.

_sort-theme.scss  (material2-7.3.2):_sort-theme.scss  (material2-7.3.3)
@mixin mat-sort-theme($theme) { @mixin mat-sort-theme($theme) {
$background: map-get($theme, background); $background: map-get($theme, background);
$foreground: map-get($theme, foreground); $foreground: map-get($theme, foreground);
.mat-sort-header-arrow { .mat-sort-header-arrow {
// Because the arrow is made up of multiple elements that are stacked on top
of each other,
// we can't use the semi-trasparent color from the theme directly. We conver
t it into a solid
// color by taking the opacity from the rgba value and using the value to de
termine the
// percentage of the background to put into foreground when mixing the color
s together.
$table-background: mat-color($background, 'card'); $table-background: mat-color($background, 'card');
$text-color: mat-color($foreground, secondary-text); $text-color: mat-color($foreground, secondary-text);
$text-opacity: opacity($text-color);
color: mix($table-background, rgba($text-color, 1), (1 - $text-opacity) * 10 // Because the arrow is made up of multiple elements that are stacked on top
0%); of each other,
// we can't use the semi-trasparent color from the theme directly. If the va
lue is a color
// *type*, we convert it into a solid color by taking the opacity from the r
gba value and
// using the value to determine the percentage of the background to put into
foreground
// when mixing the colors together. Otherwise, if it resolves to something d
ifferent
// (e.g. it resolves to a CSS variable), we use the color directly.
@if (type-of($table-background) == color and type-of($text-color) == color)
{
$text-opacity: opacity($text-color);
color: mix($table-background, rgba($text-color, 1), (1 - $text-opacity) *
100%);
}
@else {
color: $text-color;
}
} }
} }
@mixin mat-sort-typography($config) { } @mixin mat-sort-typography($config) { }
 End of changes. 2 change blocks. 
11 lines changed or deleted 21 lines changed or added

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