@import "../../scss/xmat-vars";
@import "../../scss/xmat-mixins";

$palette: (
        primary: mat-color($xmat-primary),
        accent: mat-color($xmat-accent-light),
        warn: mat-color($xmat-warn)
);

// PAY ATTENTION: when using 'encapsulation: ViewEncapsulation.none' :host selector won't work...

.xmat-accordion mat-expansion-panel.mat-expansion-panel.xmat-accordion-no-header .mat-expansion-panel-content .mat-expansion-panel-body {
  padding-top: 8px;
}

.xmat-accordion {

  @each $mat-key, $mat-color in $palette {
    &.mat-#{$mat-key} {
      mat-expansion-panel.mat-expansion-panel {
        background-color: $mat-color;
      }
    }
  }

  mat-expansion-panel.mat-expansion-panel {
    .mat-expansion-panel-content {
      .mat-expansion-panel-body {
        padding-top: 24px;
        padding-left: $xmat-pad * 2;
        padding-right: $xmat-pad * 2;
        @include xmat-box-shadow(0px -5px 5px -5px #e2e2e2 inset)

      }
    }

    &.xmat-accordion-no-header {
      .mat-expansion-panel-content {
        .mat-expansion-panel-body {
          padding-top: $xmat-pad;
        }
      }
    }

  }

  &.xmat-accordion-no-top-padding {
    mat-expansion-panel.mat-expansion-panel {
      .mat-expansion-panel-content {
        .mat-expansion-panel-body {
          padding-top: 0;
        }
      }
    }
  }

}