| @import '../core/theming/palette'; |
| @import '../core/theming/theming'; |
| @import '../core/typography/typography-utils'; |
| |
| @mixin mat-table-color($config-or-theme) { |
| $config: mat-get-color-config($config-or-theme); |
| $background: map-get($config, background); |
| $foreground: map-get($config, foreground); |
| |
| .mat-table { |
| background: mat-color($background, 'card'); |
| } |
| |
| .mat-table thead, .mat-table tbody, .mat-table tfoot, |
| mat-header-row, mat-row, mat-footer-row, |
| [mat-header-row], [mat-row], [mat-footer-row], |
| .mat-table-sticky { |
| background: inherit; |
| } |
| |
| mat-row, mat-header-row, mat-footer-row, |
| th.mat-header-cell, td.mat-cell, td.mat-footer-cell { |
| border-bottom-color: mat-color($foreground, divider); |
| } |
| |
| .mat-header-cell { |
| color: mat-color($foreground, secondary-text); |
| } |
| |
| .mat-cell, .mat-footer-cell { |
| color: mat-color($foreground, text); |
| } |
| } |
| |
| @mixin mat-table-typography($config-or-theme) { |
| $config: mat-get-typography-config($config-or-theme); |
| .mat-table { |
| font-family: mat-font-family($config); |
| } |
| |
| .mat-header-cell { |
| font-size: mat-font-size($config, caption); |
| font-weight: mat-font-weight($config, body-2); |
| } |
| |
| .mat-cell, .mat-footer-cell { |
| font-size: mat-font-size($config, body-1); |
| } |
| } |
| |
| @mixin _mat-table-density($config-or-theme) {} |
| |
| @mixin mat-table-theme($theme-or-color-config) { |
| $theme: mat-private-legacy-get-theme($theme-or-color-config); |
| @include mat-private-check-duplicate-theme-styles($theme, 'mat-table') { |
| $color: mat-get-color-config($theme); |
| $density: mat-get-density-config($theme); |
| $typography: mat-get-typography-config($theme); |
| |
| @if $color != null { |
| @include mat-table-color($color); |
| } |
| @if $density != null { |
| @include _mat-table-density($density); |
| } |
| @if $typography != null { |
| @include mat-table-typography($typography); |
| } |
| } |
| } |