/
_expandable-row-theme.scss
42 lines (34 loc) · 1.13 KB
/
_expandable-row-theme.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
@import '../../../core/src/theming/theming';
@mixin dt-theme-expandable-row($theme, $theme-name) {
$palette: dt-get-theme-palette($theme, 'main');
$default-color: dt-get-theme-color($palette, 'default');
$border-color: get-color($theme-name, 500);
// if color not found, fallback to theme's default color
@if ($border-color == null) {
$border-color: $default-color;
}
:host {
> .dt-expandable-row-base-expanded {
border-top-color: $border-color;
$bg-color: get-color($theme-name, 100);
@if ($bg-color) {
background-color: $bg-color;
}
// if color not found, fallback to default color
// defined in expandable-row.scss
}
.dt-expandable-row-expandable-expanded {
border-bottom-color: $border-color;
}
}
$palette-names: 'error', 'warning';
$default-palette: 'error';
@each $name in $palette-names {
$palette: dt-get-theme-palette($theme, $name);
$default-color: dt-get-theme-color($palette, 'default');
:host.dt-table-row-indicator.dt-color-#{$name}
> .dt-expandable-row-base::before {
background-color: $default-color;
}
}
}