src/platform/core/common/styles/_expansionPanels.scss

/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements.  See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

/* Expansion Panels */

@mixin fds-expansion-panels-theme($theme) {
  $primaryColor: map-get(map-get($theme, primary), 500);
  $primaryColorHover: map-get(map-get($theme, primary), 100);
  $accentColor: map-get(map-get($theme, accent), 500);
  $accentColorHover: map-get(map-get($theme, accent), 100);

  body[fds] td-expansion-panel:not(:last-of-type) .td-expanded {
    margin-bottom: 0px;
  }

  body[fds] .td-expansion-panel-header-content {
    height: 80px !important;
    padding: 0px 30px !important;
    border-bottom: 1px solid $grey7;
  }

  body[fds] .td-expansion-content form {
    padding: 15px 10px 20px 20px;
  }

  body[fds] .md-subhead {
    font-size: 18px;
    color: $grey3;
  }

  body[fds] td-expansion-panel .td-expansion-panel-header .td-expansion-panel-header-content mat-icon.td-expand-icon {
    font-size: 28px;
    color: $blue-grey1;
    font-weight: bold;
  }

  body[fds] td-expansion-panel .td-expansion-panel-header:hover:not(.mat-disabled) {
    background: $blue4;
  }

  body[fds] td-expansion-panel .td-expansion-panel-header:focus {
    background: #FFFFFF;
  }

  body[fds] td-expansion-panel .td-expansion-panel-header:focus .td-expansion-panel-header-content {
    border-bottom: 1px solid $primaryColor;
  }
}